:root{--ink:#111317;--acid:#d8ff3e;--violet:#7c5cff;--line:#e1e3e7;--muted:#747a84;--paper:#f4f5f7;--coral:#ff6d5e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 80% 15%,rgba(124,92,255,.2),transparent 35%),#f4f5f7}.command-login{width:min(910px,calc(100% - 28px));display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:24px;background:white;box-shadow:0 35px 90px rgba(25,29,38,.15)}.command-login>section{padding:50px 42px;position:relative;overflow:hidden;background:var(--ink);color:white}.command-login>section:after{content:'TFC';position:absolute;bottom:-42px;left:-20px;color:rgba(255,255,255,.04);font-size:170px;font-weight:900;letter-spacing:-.12em}.login-brand,.command-brand{display:flex;align-items:center;gap:11px}.login-brand>span,.command-brand>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px 5px 13px 5px;background:white;color:var(--ink);box-shadow:5px 5px 0 var(--acid);font-size:21px;font-weight:900}.login-brand div,.command-brand div{display:grid}.login-brand b{font-size:20px}.login-brand small,.command-brand small{font-size:7px;letter-spacing:.26em;color:#9ca1aa}.command-login>section>small{display:block;margin-top:60px;color:var(--acid);font-size:7px;letter-spacing:.17em;font-weight:900}.command-login h1{margin:11px 0;font-size:40px;line-height:1;letter-spacing:-.055em}.command-login h1 i{color:var(--acid);font-family:Georgia,serif;font-weight:400}.command-login>section p{color:#969ca5;font-size:10px;line-height:1.6}.command-login form{padding:52px 45px;display:flex;flex-direction:column;justify-content:center}.command-login form>small{color:var(--violet);font-size:7px;letter-spacing:.17em;font-weight:900}.command-login h2{margin:8px 0 23px;font-size:27px}.command-login label{display:grid;gap:7px;margin-bottom:13px;font-size:8px;font-weight:800}.command-login input{height:44px;padding:0 12px;border:1px solid #d8dbe0;border-radius:9px;outline:0}.command-login input:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(124,92,255,.1)}.command-login button{height:46px;margin-top:4px;padding:0 14px;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:9px;background:var(--ink);color:white;font-size:9px;font-weight:800;box-shadow:5px 5px 0 var(--acid)}.command-login form>a{margin-top:21px;color:var(--muted);font-size:8px;text-align:center}.alert,.flash{margin:0 0 14px;padding:11px 13px;border-radius:8px;background:#fff0ee;color:#9e3a30;font-size:8px}.flash{background:#e9f8dd;color:#417325}.command-shell{min-height:100vh;display:grid;grid-template-columns:228px 1fr}.command-shell>aside{height:100vh;padding:24px 16px 17px;position:sticky;top:0;display:flex;flex-direction:column;background:#101216;color:white}.command-brand{margin:0 8px 28px}.command-brand b{font-size:18px}.command-brand>span{width:39px;height:39px}.workspace{padding:10px;display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;border:1px solid #2d3036;border-radius:10px;background:#1a1d22}.workspace>span{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:var(--violet);font-size:8px;font-weight:900}.workspace div{display:grid}.workspace small{color:#7d838d;font-size:5px;letter-spacing:.14em}.workspace b{font-size:9px}.command-shell aside nav{margin-top:20px;display:grid;gap:3px}.command-shell aside nav a{min-height:38px;padding:0 11px;display:grid;grid-template-columns:25px 1fr;align-items:center;border-radius:8px;color:#9298a2;font-size:15px}.command-shell aside nav a span{font-size:9px;font-weight:700}.command-shell aside nav a:hover,.command-shell aside nav a.active{background:#292e24;color:white}.command-shell aside nav a.active{color:var(--acid)}.nova-card{margin-top:auto;padding:14px;border:1px solid #323636;border-radius:12px;background:#191c20}.nova-card>span{width:28px;height:28px;margin-bottom:8px;display:grid;place-items:center;border-radius:50%;background:var(--acid);color:var(--ink)}.nova-card b{display:block;font-size:9px}.nova-card p{margin:6px 0 0;color:#858b94;font-size:7px;line-height:1.5}.side-user{margin-top:12px;padding:11px 4px 1px;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;border-top:1px solid #2a2d33}.side-user>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#ffdfd8;color:#80382d;font-size:7px;font-weight:900}.side-user div{display:grid}.side-user b{font-size:8px}.side-user small{color:#7d838c;font-size:6px}.command-shell>main{min-width:0}.command-shell main>header{height:61px;padding:0 27px;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid var(--line)}.command-shell main>header label{width:360px;height:36px;padding:0 9px 0 12px;display:flex;align-items:center;gap:8px;border-radius:8px;background:#f3f4f6;color:#7c818a}.command-shell main>header input{flex:1;border:0;outline:0;background:transparent;font-size:8px}.command-shell main>header kbd{padding:4px 6px;border:1px solid #d9dce1;border-radius:5px;background:white;font-size:6px}.command-shell main>header>div{display:flex;align-items:center;gap:8px}.command-shell main>header a,.command-shell main>header button{padding:9px 11px;border:0;border-radius:7px;background:var(--ink);color:white;font-size:7px;font-weight:800}.command-shell main>header button{background:white;color:#9a3930;border:1px solid #edcac6}.command-shell main>header form{margin:0}.content{max-width:1500px;margin:auto;padding:27px}.password-banner{margin-bottom:15px;padding:17px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #f0d49a;border-radius:11px;background:#fff7e5}.password-banner small{color:#9b670d;font-size:6px;letter-spacing:.14em;font-weight:900}.password-banner h2{margin:5px 0 2px;font-size:15px}.password-banner p{margin:0;color:#8a7653;font-size:7px}.password-banner form{display:flex;gap:7px}.password-banner input{height:35px;padding:0 10px;border:1px solid #e3cca0;border-radius:7px;background:white;font-size:7px}.password-banner button{padding:0 11px;border:0;border-radius:7px;background:var(--ink);color:white;font-size:7px;font-weight:800}.page-head{display:flex;align-items:flex-end;justify-content:space-between}.page-head small,.panel-head small,.modal>small{color:var(--violet);font-size:6px;letter-spacing:.17em;font-weight:900}.page-head h1{margin:5px 0 3px;font-size:28px;letter-spacing:-.05em}.page-head p{margin:0;color:var(--muted);font-size:8px}.page-head>button,.panel-head>button{min-height:37px;padding:0 12px;border:0;border-radius:8px;background:var(--ink);color:white;font-size:7px;font-weight:800}.system-health{min-height:34px;margin:20px 0 13px;padding:0 11px;display:flex;align-items:center;gap:7px;border:1px solid #dce7ce;border-radius:8px;background:#f8fff0;color:#777d73;font-size:6px}.system-health>span{padding:4px 7px;border-radius:20px;background:var(--acid);color:#263011;font-size:5px;letter-spacing:.1em;font-weight:900}.system-health b{color:#31352f;font-size:7px}.system-health i{width:3px;height:3px;margin-left:4px;border-radius:50%;background:#65a22c}.system-health em{margin-left:auto;color:#989e93;font-style:normal}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kpis article{min-height:110px;padding:15px;display:grid;align-content:center;border:1px solid var(--line);border-radius:12px;background:white}.kpis span{color:var(--muted);font-size:7px}.kpis b{margin:8px 0 7px;font-size:23px;letter-spacing:-.04em}.kpis small{color:#969ba4;font-size:6px}.dashboard-grid{margin-top:10px;display:grid;grid-template-columns:1.55fr .65fr;gap:10px}.panel{border:1px solid var(--line);border-radius:12px;background:white}.panel-head{padding:16px 17px 12px;display:flex;align-items:flex-start;justify-content:space-between}.panel-head h2{margin:5px 0 0;font-size:14px;letter-spacing:-.03em}.panel-head>span{color:#848a93;font-size:6px}.bars{height:190px;padding:25px 21px 15px;display:flex;align-items:flex-end;gap:9px;background:repeating-linear-gradient(to bottom,transparent 0 44px,#edf0f2 44px 45px)}.bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#8b72ff,#6e51ee)}.bars i.forecast{background:repeating-linear-gradient(135deg,#d4d6db 0 3px,#eceef0 3px 6px)}.insight{margin:0 17px 16px;padding:10px 11px;display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:center;border-radius:8px;background:#f3f0ff}.insight span{color:#694dd5;font-size:5px;letter-spacing:.1em;font-weight:900}.insight p{margin:0;color:#666c75;font-size:6px;line-height:1.45}.actions{padding-bottom:9px}.actions>button{width:calc(100% - 28px);margin:0 14px;padding:11px 0;display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;border:0;border-bottom:1px solid #eceef0;background:transparent;text-align:left;font-size:10px}.actions>button>span{display:grid}.actions b{font-size:7px}.actions small{color:#858b94;font-size:6px}.actions em{font-size:6px;font-style:normal}.table-panel{margin-top:10px}.table-wrap{max-width:100%;overflow-x:auto}.table-panel table{width:100%;border-collapse:collapse;font-size:7px}.table-panel th{padding:9px 11px;background:#f8f9fa;color:#9297a0;font-size:5px;letter-spacing:.08em;text-align:left;text-transform:uppercase}.table-panel td{padding:10px 11px;border-bottom:1px solid #eceef0;white-space:nowrap}.table-panel td a{color:var(--violet);font-weight:800}.status,.stock{padding:4px 7px;border-radius:20px;background:#e8f8ee;color:#2c7e4c;font-size:5px;font-weight:900;text-transform:uppercase}.stock.low{background:#fff0db;color:#a66a13}.adjust-form{display:flex;gap:5px}.adjust-form input{width:58px;height:28px;padding:0 6px;border:1px solid #dfe1e5;border-radius:6px;font-size:6px}.adjust-form input[name=note]{width:95px}.adjust-form button{padding:0 7px;border:0;border-radius:6px;background:var(--ink);color:white;font-size:6px}.two-grid{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.seller-list,.candidate-list{padding:0 16px 12px}.seller-list>div,.candidate-list>div{padding:11px 0;display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;border-bottom:1px solid #eceef0}.seller-list>div>span,.candidate-list>div>span{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#eae6ff;color:#684ed0;font-size:7px;font-weight:900}.seller-list div div,.candidate-list div div{display:grid}.seller-list b,.candidate-list b{font-size:7px}.seller-list small,.candidate-list small{color:#858b94;font-size:6px}.seller-list strong{font-size:6px}.candidate-list>div{grid-template-columns:auto 1fr auto}.candidate-list em{width:38px;height:38px;display:grid;place-content:center;border-radius:50%;background:var(--acid);font-size:11px;font-style:normal;font-weight:900;text-align:center}.candidate-list em small{font-size:4px}.seller-list>p,.candidate-list>p{color:var(--muted);font-size:7px}.human-note{margin:0 16px 16px;padding:9px;border-radius:7px;background:#fff5da;color:#806020;font-size:6px;line-height:1.5}.modal-wrap{position:fixed;inset:0;z-index:80;padding:15px;display:grid;place-items:center;background:rgba(8,10,14,.57);backdrop-filter:blur(5px)}.modal{width:min(470px,100%);max-height:94vh;overflow:auto;position:relative;padding:29px;border-radius:18px;background:white;box-shadow:0 40px 100px rgba(0,0,0,.2)}.modal>button{width:35px;height:35px;position:absolute;right:13px;top:13px;border:0;border-radius:50%;background:#f0f1f3;font-size:20px}.modal h2{margin:7px 0;font-size:24px}.modal>p{margin:0 0 18px;color:var(--muted);font-size:8px;line-height:1.5}.modal form{display:grid;gap:10px}.modal form>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.modal label{display:grid;gap:5px;font-size:7px;font-weight:800}.modal input,.modal select,.modal textarea{width:100%;padding:0 10px;border:1px solid #dfe1e5;border-radius:8px;outline:0;font-size:8px}.modal input,.modal select{height:39px}.modal textarea{padding-top:9px;resize:vertical}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(124,92,255,.1)}.modal form>button{min-height:43px;margin-top:3px;border:0;border-radius:8px;background:var(--ink);color:white;font-size:8px;font-weight:800}.modal label.consent{display:flex;align-items:flex-start;gap:7px;color:var(--muted);font-weight:500;line-height:1.4}.modal label.consent input{width:14px;height:14px;flex:0 0 auto}@media(max-width:1050px){.command-shell{grid-template-columns:190px 1fr}.kpis{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.two-grid{grid-template-columns:1fr}.password-banner{align-items:flex-start;flex-direction:column}}@media(max-width:720px){.command-login{grid-template-columns:1fr}.command-login>section{padding:30px}.command-login>section>small{margin-top:35px}.command-login form{padding:34px 25px}.command-shell{display:block}.command-shell>aside{display:none}.command-shell main>header{height:56px;padding:0 13px}.command-shell main>header label{width:190px}.content{padding:17px 11px}.page-head{align-items:flex-start}.system-health{overflow:hidden;white-space:nowrap}.system-health i,.system-health em{display:none}.kpis{grid-template-columns:1fr}.dashboard-grid,.two-grid{grid-template-columns:1fr}.bars{height:170px}.password-banner form{width:100%;flex-direction:column}.password-banner input,.password-banner button{height:37px}.modal{padding:27px 20px}.modal form>div{grid-template-columns:1fr}.adjust-form input[name=note]{display:none}}
