:root{--color-bg:#f14c0a;--color-surface:#131313;--color-surface-raised:#1f1f23;--color-border:#27272a;--color-text:#fafafa;--color-text-muted:#71717a;--color-text-secondary:#505057;--color-primary:#f14c0a;--color-primary-hover:#d2430b;--color-accent:#8f29ca;--color-accent-hover:#651494;--color-danger:#ff4437;--color-success:#09bd81;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-1xl:1.25rem;--font-size-2xl:1.5rem}*,:after,:before{box-sizing:border-box;margin:0;padding:0}*{scrollbar-color:rgba(241,76,10,.95) rgba(33,33,38,.98);scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#212126fa}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f14c0af2,#c43b07f2);border:2px solid rgba(18,18,22,.95);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff6f30,#f14c0a)}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.text-muted{color:var(--color-text-muted)}.field-error{color:#ee3434;font-size:14px;margin-top:4px}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.form-input{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-sm);outline:none;padding:var(--space-2) var(--space-3);transition:border-color .15s,box-shadow .15s;width:100%}.form-input::-moz-placeholder{color:var(--color-text-muted)}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.form-input--error{border-color:var(--color-danger)}.form-input--error:focus{box-shadow:0 0 0 3px #ef444426}.form-error{color:var(--color-danger);font-weight:600}.form-error,.form-message{font-size:var(--font-size-xs);text-align:center}.form-message{color:#60a5fa;margin-top:var(--space-2)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:600;justify-content:center;padding:var(--space-2) var(--space-4);transition:background .15s,transform .1s;width:100%}.btn:active{transform:scale(.98)}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-hover)}.btn--accent{background:var(--color-accent);color:#fff}.btn--accent:hover{background:var(--color-accent-hover)}.link{color:var(--color-primary);cursor:pointer;font-size:var(--font-size-xs);transition:color .15s}.link:hover{text-decoration:underline}.btn-action{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:600;gap:8px;padding:var(--space-2) var(--space-4);text-decoration:none;transition:background .15s,transform .1s;white-space:nowrap}.btn-action:active{transform:scale(.98)}.btn-action--primary{background:var(--color-primary);color:#fff}.btn-action--primary:hover{background:var(--color-primary-hover)}.btn-action--accent{background:var(--color-accent);color:#fff}.btn-action--accent:hover{background:var(--color-accent-hover)}.btn-action--ghost{background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text)}.btn-action--ghost:hover{background:#ffffff0f}.btn-action--danger{background:transparent;color:var(--color-danger)}.btn-action--danger:hover{background:#f000001a}.modal-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.modal-overlay--confirm{z-index:120}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;max-width:95vw;padding:24px;width:460px}.modal--confirm{max-width:100%;width:520px}.modal__head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.modal__title{font-size:1.125rem;font-weight:700}.modal__sub{color:var(--color-text-muted);line-height:1.5;margin:6px 0 0}.modal__footer{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.modal-close{align-items:center;background:transparent;border:none;border-radius:999px;color:var(--color-text-muted);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:background .15s,color .15s;width:32px}.modal-close:hover{background:var(--color-surface-raised);color:var(--color-text)}.icon-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:inline-flex;justify-content:center;padding:var(--space-2);transition:background .15s,color .15s}.icon-btn:hover{background:var(--color-surface-raised);color:var(--color-text)}.icon-btn--danger:hover{background:#f000001a;color:var(--color-danger)}.page{display:flex;flex-direction:column;gap:var(--space-6)}.page-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}.page-head__title{font-size:var(--font-size-2xl);font-weight:700;line-height:1.2}.page-head__sub{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:4px}.page-head__actions{align-items:center;display:flex;gap:8px}.page-head__actions.page-head__actions--fixed{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080a10cc;box-shadow:0 12px 40px #00000038;padding:12px;position:fixed;right:0;top:64px;z-index:25}@media only screen and (max-width:600px){.page-head__actions{padding:0!important;position:relative!important;right:unset!important;top:unset!important;width:100%}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.card__title{font-size:1.0625rem;font-weight:600;margin-bottom:var(--space-4)}.search-bar{position:relative}.search-bar__icon{align-items:center;color:var(--color-text-muted);display:flex;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-bar__input{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-sm);outline:none;padding:var(--space-2) var(--space-4) var(--space-2) 36px;transition:border-color .15s;width:100%}.search-bar__input::-moz-placeholder{color:var(--color-text-muted)}.search-bar__input::placeholder{color:var(--color-text-muted)}.search-bar__input:focus{border-color:var(--color-primary)}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:var(--color-surface-raised)}.data-table th{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.06em;padding:10px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table th.text-right{text-align:right}.data-table td{border-top:1px solid var(--color-border);font-size:var(--font-size-sm);padding:14px 16px;vertical-align:middle}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:var(--color-surface-raised)}.data-table .text-muted{color:var(--color-text-muted)}.data-table .text-right{text-align:right}.badge{border-radius:9999px;display:inline-block;font-size:var(--font-size-xs);font-weight:600;padding:2px 10px;text-transform:capitalize}.badge--green{background:#09bd8126;color:#09bd81}.badge--red{background:#f0000026;color:#f00000}.badge--yellow{background:#f59e0b26;color:#f59e0b}.badge--blue{background:#3b82f626;color:#3b82f6}.badge--purple{background:#8f29ca26;color:#8f29ca}.badge--gray{background:#71717a26;color:#71717a}.badge--orange{background:#f14c0a26;color:var(--color-primary)}.empty-state{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;justify-content:center;padding:64px 16px;text-align:center}.empty-state__icon{margin-bottom:var(--space-4);opacity:.35}.empty-state__text{font-size:var(--font-size-sm)}.page{position:relative}.form-loading,.save-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070a0f9e;display:flex;flex-direction:column;inset:0;justify-content:flex-start;padding:40px 16px;position:absolute;text-align:center;transition:.2s ease-in-out;z-index:80}.save-overlay{z-index:90}.loading-brand{display:grid;height:48px;place-items:center;width:48px}.loading-brand__icon{animation:icon-fill 2.4s ease-in-out infinite;color:var(--color-primary)}.form-loading p{color:var(--color-text);margin-top:16px}.form-loading__spinner{display:none}@media(max-width:900px){.form-loading{width:100%}.sidebar.sidebar--open~.main .form-loading{margin-left:256px;width:calc(100% - 256px)}}@keyframes icon-fill{0%{color:#fff;transform:translateY(0)}45%{color:var(--color-primary);transform:translateY(1px)}55%{color:var(--color-primary);transform:translateY(1px)}to{color:#fff;transform:translateY(0)}}.field-group{margin-bottom:14px}.field-label{color:var(--color-text-muted);display:block;margin-bottom:6px}.field-input,.field-label{font-size:var(--font-size-sm)}.field-input{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:8px;box-sizing:border-box;color:var(--color-text);font-family:var(--font-sans);outline:none;padding:9px 12px;width:100%}select.field-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:calc(100% - 12px),calc(100% - 6px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:30px}.field-input:focus{border-color:var(--color-primary)}.field-textarea{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:8px;box-sizing:border-box;color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-sm);outline:none;padding:9px 12px;resize:vertical;transition:border-color .15s;width:100%}.field-textarea:focus{border-color:var(--color-primary)}.field-card{border:1px solid var(--color-border);border-radius:12px;display:grid;gap:14px;padding:14px}.field-card--selected{border-color:var(--color-primary);box-shadow:0 0 0 1px #f14c0a2e}.field-card__head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.field-card__title{font-weight:700}.field-card__meta{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:2px}.field-card__actions{display:flex;gap:4px}.field-type-picker{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.field-type-option{align-items:center;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);cursor:pointer;display:inline-flex;gap:8px;justify-content:flex-start;padding:10px 12px;text-align:left}.field-type-option--active{background:#f14c0a1f;border-color:var(--color-primary)}.field-grid{display:grid;gap:12px}.field-grid,.field-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.field-row{display:flex;flex-wrap:wrap;gap:16px}.field-row--spaced{justify-content:space-between}.checkbox-field{align-items:center;display:inline-flex;font-size:var(--font-size-sm);gap:8px}.checkbox-field,.field-help{color:var(--color-text-muted)}.field-help{font-size:var(--font-size-xs);margin:-2px 0 8px}.btn-action--danger{background:var(--color-danger);color:#fff}.btn-action--danger:hover{filter:brightness(1.05)}.error-msg{color:var(--color-danger);font-size:var(--font-size-xs);margin-top:4px}.toast-success{background:#09bd811f;border:1px solid rgba(9,189,129,.4);border-radius:8px;color:#09bd81}.toast-error,.toast-success{font-size:var(--font-size-sm);padding:12px 16px}.toast-error{background:#f14c0a1f;border:1px solid rgba(241,76,10,.4);border-radius:8px;color:#f14c0a;margin-bottom:16px}
