html,body,#root{height:100%}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#e8fff0;background:radial-gradient(circle at top left,rgba(52,211,153,.16),transparent 26%),radial-gradient(circle at top right,rgba(34,197,94,.08),transparent 24%),linear-gradient(180deg,#050b08,#09110d 22%,#0b1510 58%,#060c09);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark;--theme-bg-1: #050b08;--theme-bg-2: #09110d;--theme-bg-3: #0c1510;--theme-surface: rgba(10, 18, 14, .96);--theme-surface-soft: rgba(13, 21, 16, .88);--theme-surface-2: #0b1410;--theme-border: #1f3527;--theme-border-strong: #2b6344;--theme-border-soft: #1a2d21;--theme-text: #effff4;--theme-text-soft: #9bbba5;--theme-accent: #34d399;--theme-accent-2: #1f8f58;--theme-danger: #ffbac3;--theme-danger-bg: #2a1216;--theme-danger-border: #6c2630;--theme-shadow: 0 18px 40px rgba(0, 0, 0, .24);--theme-shadow-lg: 0 24px 54px rgba(0, 0, 0, .34);--theme-radius: 18px;--theme-radius-sm: 14px}*{box-sizing:border-box}*::selection{background:#34d3993d;color:#f7fff9}body{margin:0;min-width:320px;min-height:100vh;overflow-y:auto;background:radial-gradient(circle at top left,rgba(52,211,153,.16),transparent 26%),radial-gradient(circle at top right,rgba(34,197,94,.08),transparent 24%),linear-gradient(180deg,#050b08,#09110d 22%,#0b1510 58%,#060c09);color:var(--theme-text)}body::-webkit-scrollbar,.theme-table-wrap::-webkit-scrollbar,textarea::-webkit-scrollbar{width:10px;height:10px}body::-webkit-scrollbar-track,.theme-table-wrap::-webkit-scrollbar-track,textarea::-webkit-scrollbar-track{background:#0a120ee6}body::-webkit-scrollbar-thumb,.theme-table-wrap::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#20452f,#173323);border-radius:999px;border:2px solid rgba(10,18,14,.9)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border-radius:12px}input,select,textarea{width:100%;border:1px solid #294434;background:linear-gradient(180deg,#0a120efa,#080e0bfa);color:#effff3;outline:none;border-radius:12px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease}input::placeholder,textarea::placeholder{color:#8fb39a}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#9fd4b2 50%),linear-gradient(135deg,#9fd4b2 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:34px!important}select option,select optgroup{background:#0d1510;color:#effff4}input:hover,select:hover,textarea:hover{border-color:#31563f}input:focus,select:focus,textarea:focus,button:focus-visible{border-color:#34d399;box-shadow:0 0 0 3px #34d39929}button{border:1px solid #24402f;background:linear-gradient(180deg,#153724,#102a1b);color:#f4fff8;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,filter .15s ease,opacity .15s ease}button:hover{border-color:#2f6b48;box-shadow:0 12px 28px #00000038;filter:brightness(1.03)}button:active{transform:translateY(1px)}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.58;cursor:not-allowed;filter:grayscale(.06)}h1,h2,h3,h4,h5,h6,p{margin-top:0}.theme-page{display:grid;gap:18px}.theme-card{position:relative;border:1px solid var(--theme-border);border-radius:var(--theme-radius);background:linear-gradient(180deg,#0c140ffa,#080e0bfa);box-shadow:var(--theme-shadow);overflow:hidden}.theme-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(52,211,153,.24) 20%,rgba(52,211,153,.08) 70%,transparent 100%);pointer-events:none}.theme-card-soft{border:1px solid var(--theme-border-soft);border-radius:var(--theme-radius-sm);background:linear-gradient(180deg,#0c140feb,#0a110deb);box-shadow:inset 0 1px #71c6910f}.theme-muted{color:var(--theme-text-soft)}.theme-grid{display:grid;gap:14px}.theme-kpi-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.theme-table-wrap{overflow-x:auto;border-radius:16px}.theme-table{width:100%;border-collapse:collapse}.theme-table th,.theme-table td{padding:12px 10px;border-bottom:1px solid #15231a;text-align:left;vertical-align:top}.theme-table thead th{position:sticky;top:0;z-index:1;background:#080e0bfa;color:#b8d5c1;font-size:12px;white-space:nowrap;letter-spacing:.02em}.theme-table tbody tr{transition:background .16s ease}.theme-table tbody tr:hover{background:#1a2e2147}.theme-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid #23422f;background:linear-gradient(180deg,#102019,#0d1b14);font-size:12px;color:#ccefd6;white-space:nowrap}.theme-section-title{font-size:18px;font-weight:900;letter-spacing:.01em}.theme-panel-padding{padding:20px}.theme-empty{color:#98baa2;font-size:13px}.theme-danger-box{padding:14px;border:1px solid var(--theme-danger-border);border-radius:14px;background:var(--theme-danger-bg);color:var(--theme-danger)}.theme-app-shell{min-height:100vh;background:radial-gradient(circle at top left,rgba(52,211,153,.11),transparent 26%),linear-gradient(180deg,#050b08,#0a120e 28%,#0b1510 68%,#060c09);color:var(--theme-text)}.theme-topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--theme-border);background:#060b08c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20;box-shadow:0 12px 34px #00000042}.theme-topbar-brand{display:flex;align-items:center;gap:12px}.theme-brand-mark{width:42px;height:42px;border-radius:14px;border:1px solid #2a533b;background:radial-gradient(circle at 35% 30%,rgba(52,211,153,.28),transparent 42%),linear-gradient(180deg,#102419,#0b1711);display:grid;place-items:center;box-shadow:0 10px 26px #0000003d;font-weight:900;color:#dffff0}.theme-brand-title{font-weight:900;letter-spacing:.02em}.theme-brand-subtitle{font-size:11px;color:#9dc6aa;margin-top:2px}.theme-topbar-right{display:flex;align-items:center;gap:12px}.theme-user-chip{padding:9px 12px;border-radius:14px;border:1px solid #203629;background:linear-gradient(180deg,#0c1510fa,#09100cfa);min-width:130px;text-align:right;box-shadow:0 12px 24px #0000002e}.theme-user-chip-name{font-weight:800;color:#f2fff6}.theme-user-chip-role{color:#9dc6aa;margin-top:2px;font-size:12px}.theme-logout-btn{padding:10px 14px;border-radius:12px;border:1px solid #4d2228;background:linear-gradient(180deg,#2a1216,#221013);color:#fff;font-weight:800}.theme-shell-content{padding:18px}.theme-drawer-overlay{position:fixed;inset:0;background:#0000009e;z-index:30}.theme-drawer{width:320px;max-width:88vw;height:100%;background:radial-gradient(circle at top left,rgba(52,211,153,.12),transparent 25%),linear-gradient(180deg,#07110b,#0a1510);border-right:1px solid var(--theme-border);padding:16px;box-shadow:24px 0 54px #0006;overflow-y:auto}.theme-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.theme-drawer-title{font-weight:900;margin-bottom:6px;color:#fff;font-size:18px}.theme-drawer-subtitle{font-size:12px;color:#98baa2}.theme-drawer-close{width:38px;height:38px;min-width:38px;padding:0;display:grid;place-items:center;border-radius:12px;font-size:16px}.theme-menu-list{display:grid;gap:8px}.theme-menu-item{display:block;padding:13px;border-radius:14px;border:1px solid #1f3527;background:linear-gradient(180deg,#0c1510fa,#0a110dfa);font-weight:700;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease,background .16s ease}.theme-menu-item:hover{border-color:#2d6244;transform:translateY(-1px);box-shadow:0 12px 24px #0003}.theme-menu-item.active{border-color:#2f6b48;background:linear-gradient(180deg,#133423,#10271b);box-shadow:0 14px 28px #13342357}.theme-login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(52,211,153,.18),transparent 24%),radial-gradient(circle at 80% 20%,rgba(52,211,153,.08),transparent 18%),linear-gradient(180deg,#050b08,#09110d 28%,#0b1510 58%,#060c09)}.theme-login-only{width:100%;max-width:460px}.theme-login-card{background:linear-gradient(180deg,#0c140ffa,#080e0bfa);padding:24px;border:1px solid var(--theme-border);border-radius:24px;box-shadow:var(--theme-shadow-lg)}.theme-login-form{margin-top:18px;display:grid;gap:12px}.theme-login-actions{display:grid;gap:10px;margin-top:8px}.theme-login-primary{padding:13px 14px;font-weight:900;border-radius:14px;border:1px solid #2c6b47;background:linear-gradient(180deg,#17432c,#123422)}.theme-login-secondary{padding:12px 14px;border-radius:14px;border:1px solid #3a1a1a;background:#1b0d0d}.theme-page-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.theme-page-title{font-size:24px;font-weight:900;margin:0}.theme-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.theme-stat-value-lg{font-size:34px;font-weight:900;margin-top:8px}.theme-stat-value-md{font-size:28px;font-weight:900;margin-top:6px}.theme-modal-overlay{position:fixed;inset:0;z-index:80;background:#030705b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px}.theme-modal-card{width:min(100%,520px);border:1px solid #27533a;border-radius:22px;background:radial-gradient(circle at top left,rgba(52,211,153,.08),transparent 28%),linear-gradient(180deg,#0c140ffa,#080e0bfa);box-shadow:0 28px 70px #00000070;overflow:hidden}.theme-modal-head{display:flex;justify-content:space-between;gap:12px;padding:18px 18px 0}.theme-modal-title{font-size:22px;font-weight:900;color:#f1fff6}.theme-modal-desc{margin-top:6px;font-size:13px;color:#9ec1aa}.theme-modal-icon-btn{width:40px;height:40px;min-width:40px;padding:0;display:grid;place-items:center;border-radius:12px;font-size:16px}.theme-modal-body{padding:16px 18px 0}.theme-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px}.theme-modal-cancel{background:#0d1711}.theme-modal-confirm{min-width:120px;font-weight:900}.theme-modal-confirm-danger{min-width:120px;font-weight:900;border-color:#4d2228;background:linear-gradient(180deg,#2a1216,#221013)}@media(max-width:768px){.theme-page{gap:14px}.theme-panel-padding{padding:16px}.theme-topbar{padding:0 12px;height:64px}.theme-shell-content{padding:14px}.theme-user-chip{min-width:0;padding:8px 10px}.theme-login-shell{padding:16px}.theme-login-card{border-radius:20px;padding:20px}.theme-modal-card{border-radius:18px}}
