:root{color:#16202b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f1ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}:root{--ink:#101820;--ink-soft:#27313a;--muted:#77808a;--paper:#f4f1ea;--card:#fffdf8;--line:#e4dfd4;--signal:#efb718;--signal-soft:#fff1b7;--teal:#159783;--teal-soft:#d9f1ea;--red:#c94a46;--shadow:0 18px 50px #1a202614}.login-screen{background:var(--paper);grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);min-height:100vh;display:grid}.login-brand-panel{color:#f7f4ec;background:var(--ink);flex-direction:column;justify-content:center;padding:clamp(32px,8vw,116px);display:flex;position:relative;overflow:hidden}.login-brand-panel:before{content:"";border:1px solid #efb71859;border-radius:50%;width:360px;height:360px;position:absolute;top:15%;right:-100px;box-shadow:0 0 0 32px #efb7180a,0 0 0 64px #efb71809}.brand-stamp{width:70px;height:70px;color:var(--ink);background:var(--signal);letter-spacing:-.08em;place-items:center;margin-bottom:36px;font-size:22px;font-weight:900;display:grid}.brand-stamp.small{flex:none;width:42px;height:42px;margin:0;font-size:15px}.eyebrow,.section-kicker,.nav-group-label{color:var(--signal);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.login-brand-panel h1{color:#fffdf7;letter-spacing:-.065em;max-width:650px;margin:18px 0;font-size:clamp(42px,5.4vw,84px);line-height:.98}.login-lead{color:#aeb7bd;max-width:520px;font-size:17px;line-height:1.7}.login-points{color:#e3e7e6;gap:12px;max-width:380px;margin-top:46px;font-size:13px;display:grid}.login-points span{padding-left:22px;position:relative}.login-points span:before{content:"";background:var(--signal);width:8px;height:8px;position:absolute;top:.55em;left:0}.login-rail{gap:8px;margin-top:70px;display:flex}.login-rail i{background:#39444b;width:62px;height:3px;display:block}.login-rail i:first-child{background:var(--signal);width:160px}.login-card-wrap{background:#fbfaf6;place-items:center;padding:36px;display:grid}.login-card{background:var(--card);border:1px solid var(--line);width:min(100%,420px);box-shadow:var(--shadow);padding:clamp(26px,5vw,52px)}.login-card-head{margin-bottom:34px}.login-card-head h2{color:var(--ink);letter-spacing:-.055em;margin:14px 0 8px;font-size:34px}.login-card-head p{color:var(--muted);font-size:14px;line-height:1.6}.field-label{color:var(--ink-soft);letter-spacing:.03em;margin:18px 0 8px;font-size:12px;font-weight:800;display:block}.field-input{width:100%;color:var(--ink);border:1px solid var(--line);background:#fff;outline:none;padding:14px 15px;transition:border-color .2s,box-shadow .2s}.field-input:focus{border-color:var(--signal);box-shadow:0 0 0 3px #efb7182e}.primary-button,.secondary-button,.text-button,.logout-button,.refresh-button{border:0;transition:transform .2s,opacity .2s,background .2s}.primary-button:hover,.secondary-button:hover,.text-button:hover,.logout-button:hover,.refresh-button:hover{transform:translateY(-1px)}.primary-button{color:var(--ink);background:var(--signal);letter-spacing:.02em;padding:13px 18px;font-size:12px;font-weight:900}.primary-button:disabled{cursor:wait;opacity:.6}.login-button{width:100%;margin-top:26px}.form-error{color:var(--red);margin:14px 0 0;font-size:12px;line-height:1.5}.login-card-foot{color:var(--muted);border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:10px;margin-top:26px;padding-top:18px;font-size:10px;display:flex}.boot-screen{min-height:100vh;color:var(--muted);background:var(--paper);place-content:center;justify-items:center;gap:12px;display:grid}.boot-screen strong{color:var(--ink);font-size:16px}.boot-screen span{letter-spacing:.14em;font-size:10px}.loader{border:3px solid var(--line);border-top-color:var(--signal);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{background:var(--paper);min-height:100vh}.sidebar{z-index:20;color:#e7ece9;background:var(--ink);flex-direction:column;width:254px;padding:24px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid #2c3740;align-items:center;gap:12px;padding:0 10px 24px;display:flex}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{color:#fffdf7;font-size:14px}.sidebar-brand span{color:#7f8b91;letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:10px}.mobile-close{color:#aeb7bd;background:0 0;margin-left:auto;font-size:25px;display:none}.sidebar-status{color:#93a29e;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin:18px 10px 28px;font-size:10px;display:flex}.sidebar-status i,.live-pill i{background:var(--teal);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #15978329}.main-nav{gap:25px;display:grid}.nav-group{gap:4px;display:grid}.nav-group-label{color:#66747b;margin:0 10px 5px;font-size:9px}.nav-item{color:#9da8ac;text-align:left;background:0 0;border:0;align-items:center;gap:11px;width:100%;padding:11px 10px;font-size:13px;display:flex}.nav-item:hover{color:#fff;background:#1c2932}.nav-item.active{color:var(--ink);background:var(--signal);font-weight:800}.nav-mark{color:#65737a;letter-spacing:.04em;width:21px;font-size:9px;font-weight:800}.nav-item.active .nav-mark{color:#6e5200}.nav-badge{min-width:22px;color:var(--ink);background:var(--signal);text-align:center;margin-left:auto;padding:2px 5px;font-size:9px}.nav-item.active .nav-badge{background:var(--ink);color:var(--signal)}.sidebar-footer{border-top:1px solid #2c3740;margin-top:auto;padding:18px 10px 0}.sidebar-user,.topbar-user{align-items:center;gap:9px;display:flex}.sidebar-user strong,.sidebar-user span{display:block}.sidebar-user strong{color:#eef1ed;font-size:12px}.sidebar-user span{color:#7f8b91;margin-top:2px;font-size:10px}.avatar{width:34px;height:34px;color:var(--ink);background:var(--signal);flex:none;place-items:center;font-size:11px;font-weight:900;display:grid}.avatar.small{width:28px;height:28px;font-size:9px}.avatar.large{width:54px;height:54px;font-size:16px}.logout-button{color:#92a0a5;background:#1b2730;width:100%;margin-top:18px;padding:9px;font-size:11px}.logout-button:hover{color:#fff;background:#283740}.main-area{min-height:100vh;margin-left:254px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8d6;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:16px 42px;display:flex}.breadcrumb{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;font-size:10px;display:flex}.breadcrumb b{color:var(--signal)}.breadcrumb strong{color:var(--ink)}.topbar-actions{align-items:center;gap:13px;display:flex}.global-search{width:min(230px,25vw);color:var(--muted);background:#f2eee5;border:1px solid #0000;align-items:center;gap:8px;padding:9px 12px;display:flex}.global-search:focus-within{border-color:var(--signal)}.global-search span{font-size:20px;line-height:1}.global-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.refresh-button{width:34px;height:34px;color:var(--ink);background:var(--signal);font-size:18px}.topbar-user{color:var(--ink-soft);font-size:11px;font-weight:800}.mobile-menu,.mobile-scrim{display:none}.content-area{max-width:1530px;margin:0 auto;padding:42px}.page-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.page-header h2{color:var(--ink);letter-spacing:-.065em;margin:10px 0 7px;font-size:clamp(30px,3.2vw,50px);line-height:1}.page-header p{max-width:650px;color:var(--muted);font-size:13px;line-height:1.6}.page-header-action{flex:none}.secondary-button{color:var(--ink);border:1px solid var(--line);background:#fffdf8;padding:11px 15px;font-size:11px;font-weight:800}.secondary-button:hover{border-color:var(--signal)}.text-button{color:#a47a00;background:0 0;padding:0;font-size:11px;font-weight:900}.live-pill,.period-chip,.muted-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800}.live-pill{color:var(--teal);background:var(--teal-soft);align-items:center;gap:9px;padding:9px 11px;display:flex}.period-chip{color:#7d6100;background:var(--signal-soft);padding:9px 12px}.partial-banner,.feedback-banner{color:#745a00;background:var(--signal-soft);border-left:3px solid var(--signal);margin:-12px 0 22px;padding:12px 14px;font-size:12px}.feedback-banner{z-index:30;box-shadow:var(--shadow);margin:0;position:fixed;top:88px;right:34px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px;display:grid}.metrics-grid.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{border:1px solid var(--line);background:var(--card);flex-direction:column;justify-content:space-between;min-height:143px;padding:20px;display:flex}.metric-card span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.metric-card strong{color:var(--ink);letter-spacing:-.06em;margin:12px 0 3px;font-size:clamp(23px,2.3vw,34px)}.metric-card small{color:var(--muted);font-size:11px}.metric-ink{color:#fff;background:var(--ink);border-color:var(--ink)}.metric-ink span,.metric-ink small,.metric-ink strong{color:#fff}.metric-signal{background:var(--signal);border-color:var(--signal)}.metric-teal{background:var(--teal);border-color:var(--teal)}.metric-teal span,.metric-teal small,.metric-teal strong{color:#fff}.overview-grid{grid-template-columns:1.2fr .8fr;gap:18px;display:grid}.panel-block{background:var(--card);border:1px solid var(--line);padding:22px}.overview-orders{grid-row:span 2}.block-head{justify-content:space-between;align-items:start;gap:16px;margin-bottom:20px;display:flex}.block-head h3{color:var(--ink);letter-spacing:-.04em;margin:8px 0 0;font-size:19px}.compact-order-list,.alert-list,.inventory-lines{display:grid}.compact-order{border-bottom:1px solid var(--line);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px 0;display:grid}.compact-order:last-child,.inventory-line:last-child{border-bottom:0}.compact-order strong,.compact-order span,.inventory-line strong,.inventory-line small{display:block}.compact-order strong{color:var(--ink);font-size:12px}.compact-order span{color:var(--muted);margin-top:3px;font-size:10px}.compact-order b{color:var(--ink);font-size:12px}.alert-row{width:100%;color:var(--ink);border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:8px minmax(0,1fr) auto;align-items:start;gap:11px;padding:13px 0;display:grid}.alert-row:last-child{border-bottom:0}.alert-row strong,.alert-row small{display:block}.alert-row strong{font-size:11px}.alert-row small{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.4}.alert-row time{color:var(--muted);font-size:9px}.alert-mark{background:var(--signal);width:7px;height:7px;margin-top:5px}.alert-critical,.severity-critica{background:var(--red)}.alert-high,.severity-alta{background:#d77f26}.alert-info,.severity-info{background:var(--teal)}.inventory-line{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:13px 0;display:flex}.inventory-line strong{color:var(--ink);font-size:12px}.inventory-line small{color:var(--muted);margin-top:3px;font-size:10px}.danger-text{color:var(--red)!important}.warning-text{color:#aa7900!important}.success-text{color:var(--teal)!important}.signal-block{color:#fff;background:var(--ink);border-color:var(--ink)}.signal-block h3{color:#fff}.signal-block .section-kicker{color:var(--signal)}.channel-bars{gap:20px;margin:28px 0;display:grid}.progress-row>div:first-child{color:#c7d0d0;justify-content:space-between;gap:10px;font-size:11px;display:flex}.progress-row b{color:#fff}.progress-track{background:#334047;height:5px;margin-top:9px}.progress-track i{background:var(--signal);height:100%;display:block}.progress-row:nth-child(2) .progress-track i{background:var(--teal)}.full-button{width:100%}.kanban-grid{grid-template-columns:repeat(5,minmax(210px,1fr));align-items:start;gap:12px;padding-bottom:8px;display:grid;overflow-x:auto}.kanban-column{border:1px solid var(--line);background:#eae6dc;min-height:500px}.kanban-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:8px;padding:14px;display:flex}.kanban-head div{align-items:center;gap:8px;display:flex}.kanban-head span:first-child{color:var(--ink);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:900}.kanban-head strong{min-width:22px;height:22px;color:var(--ink);background:var(--signal);place-items:center;font-size:10px;display:grid}.status-chip,.channel-dot{letter-spacing:.08em;text-transform:uppercase;padding:4px 6px;font-size:8px;font-weight:900}.status-success{color:#0a796a;background:var(--teal-soft)}.status-info{color:#17688d;background:#dceef8}.status-warning{color:#7c5b00;background:var(--signal-soft)}.status-danger{color:#9b3935;background:#f7dddd}.status-neutral{color:#626c73;background:#e7e8e6}.kanban-list{gap:9px;padding:10px;display:grid}.order-card{background:var(--card);border:1px solid var(--line);padding:13px;box-shadow:0 5px 14px #141e220a}.order-card-top{align-items:center;gap:8px;display:flex}.order-client{flex:1;min-width:0}.order-client strong,.order-client span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.order-client strong{color:var(--ink);font-size:12px}.order-client span{color:var(--muted);margin-top:2px;font-size:9px}.channel-dot{color:#fff;background:var(--ink)}.channel-meta{background:#4f6aa0}.channel-evolution{background:#159783}.order-card-message{color:#5e6870;min-height:35px;margin:13px 0;font-size:10px;line-height:1.45}.order-card-meta,.order-card-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.order-card-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);padding:9px 0;font-size:10px}.order-card-meta strong{color:var(--ink);font-size:11px}.order-card-footer{color:var(--muted);margin-top:10px;font-size:9px}.status-select{text-transform:uppercase;border:0;max-width:116px;padding:5px;font-size:8px;font-weight:900}.kanban-empty{color:var(--muted);text-align:center;padding:30px 12px;font-size:10px}.table-block{min-width:0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th{color:var(--muted);border-bottom:1px solid var(--line);letter-spacing:.07em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:11px 10px;font-size:9px;font-weight:900}td{color:#546069;border-bottom:1px solid var(--line);white-space:nowrap;padding:13px 10px;font-size:11px}td strong,td b{color:var(--ink)}.table-empty{color:var(--muted);text-align:center;white-space:normal;padding:42px 10px}.finance-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:18px;display:grid}.finance-side{align-content:start;gap:18px;display:grid}.finance-stat-list{gap:15px;display:grid}.finance-stat-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:14px;display:flex}.finance-stat-list div:last-child{border-bottom:0;padding-bottom:0}.finance-stat-list span{color:var(--muted);font-size:11px}.finance-stat-list b{color:var(--ink);font-size:13px}.finance-note{color:#fff;background:var(--ink);border-color:var(--ink)}.finance-note h3{color:#fff;letter-spacing:-.04em;margin:12px 0 8px;font-size:20px}.finance-note p{color:#aeb7bd;font-size:12px;line-height:1.6}.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.channel-card{background:var(--card);border:1px solid var(--line);padding:20px}.channel-card-head{align-items:center;gap:10px;display:flex}.channel-icon{color:#fff;background:#159783;place-items:center;width:36px;height:36px;font-size:10px;font-weight:900;display:grid}.channel-card-head strong,.channel-card-head span{display:block}.channel-card-head strong{color:var(--ink);font-size:13px}.channel-card-head span{color:var(--muted);margin-top:3px;font-size:10px}.channel-card-head i{background:var(--red);border-radius:50%;width:9px;height:9px;margin-left:auto}.channel-card-head i.connected{background:var(--teal);box-shadow:0 0 0 4px var(--teal-soft)}.channel-card-state{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;margin:28px 0 18px;padding:12px 0;display:flex}.channel-card-state span,.channel-card-state b{text-transform:uppercase;font-size:10px}.channel-card-state span{color:var(--muted)}.channel-card-state b{color:var(--ink)}.channel-card-foot{color:var(--muted);font-size:10px;line-height:1.5}.alerts-page-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.notification-card{background:var(--card);border:1px solid var(--line);padding:18px}.notification-card.is-unread{border-left:3px solid var(--signal)}.notification-top{justify-content:space-between;gap:10px;display:flex}.severity{color:#fff;background:var(--teal);letter-spacing:.08em;text-transform:uppercase;padding:4px 6px;font-size:8px;font-weight:900}.severity-critica{background:var(--red)}.severity-alta{background:#d77f26}.notification-top time{color:var(--muted);font-size:10px}.notification-card h3{color:var(--ink);letter-spacing:-.03em;margin:18px 0 7px;font-size:16px}.notification-card p{min-height:42px;color:var(--muted);font-size:12px;line-height:1.6}.notification-card .text-button{margin-top:17px}.control-grid{grid-template-columns:.8fr 1.2fr;gap:18px;display:grid}.control-user{align-items:center;gap:14px;margin:27px 0;display:flex}.control-user h3{color:var(--ink);margin:0;font-size:20px}.control-user p{color:var(--muted);margin-top:4px;font-size:11px}.control-list{gap:12px;display:grid}.control-list div{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.control-list span,.control-list b{font-size:11px}.control-list span{color:var(--muted)}.control-list b{color:var(--ink)}.transition-card{color:#fff;background:var(--ink);border-color:var(--ink)}.transition-card h3{color:#fff;letter-spacing:-.06em;max-width:550px;margin:17px 0 12px;font-size:clamp(24px,3vw,42px);line-height:1}.transition-card p{color:#aeb7bd;max-width:560px;font-size:13px;line-height:1.7}.transition-steps{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:36px;display:grid}.transition-steps span{color:#cbd2d0;border-top:1px solid #3b474e;padding-top:12px;font-size:10px}.transition-steps b{color:var(--signal);margin-bottom:7px;display:block}.empty-state{color:var(--muted);justify-items:start;gap:7px;padding:28px 0;display:grid}.empty-mark{color:var(--signal);font-weight:900}.empty-state strong{color:var(--ink);font-size:12px}.empty-state p{font-size:11px;line-height:1.5}.loading-panel{min-height:420px;color:var(--muted);background:var(--card);border:1px solid var(--line);place-content:center;justify-items:center;gap:12px;display:grid}.loading-panel strong{color:var(--ink);font-size:16px}.loading-panel span{font-size:11px}.app-footer{max-width:1530px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:20px;margin:0 auto;padding:20px 42px 28px;font-size:9px;display:flex}@media (width<=1180px){.content-area,.topbar{padding-left:26px;padding-right:26px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kanban-grid{grid-template-columns:repeat(5,230px)}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.login-screen{grid-template-columns:1fr}.login-brand-panel{min-height:370px;padding:42px 28px}.login-brand-panel h1{max-width:600px;font-size:49px}.login-points{margin-top:27px}.login-rail{margin-top:30px}.login-card-wrap{padding:28px 18px 45px}.sidebar{transition:transform .25s;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.mobile-close{display:block}.mobile-scrim.visible{z-index:15;background:#1018208c;border:0;display:block;position:fixed;inset:0}.main-area{margin-left:0}.mobile-menu{background:var(--ink);border:0;gap:4px;width:34px;height:34px;padding:9px 7px;display:grid}.mobile-menu span{background:var(--signal);height:2px;display:block}.breadcrumb{display:none}.topbar{min-height:64px;padding:13px 18px}.topbar-user span{display:none}.global-search{width:min(45vw,230px)}.content-area{padding:28px 18px}.page-header{flex-direction:column;align-items:start;gap:17px;margin-bottom:23px}.page-header h2{font-size:37px}.overview-grid,.finance-grid,.control-grid{grid-template-columns:1fr}.overview-orders{grid-row:auto}.alerts-page-list{grid-template-columns:1fr}.app-footer{flex-direction:column;gap:7px;padding:20px 18px 26px}}@media (width<=540px){.login-brand-panel{min-height:325px;padding:30px 22px}.brand-stamp{width:56px;height:56px;margin-bottom:25px}.login-brand-panel h1{margin:12px 0;font-size:39px}.login-lead{font-size:14px}.login-points{gap:8px;margin-top:20px;font-size:11px}.login-rail{display:none}.topbar-actions{gap:7px}.global-search{width:34px;padding:8px}.global-search input{display:none}.refresh-button{width:32px}.metrics-grid,.metrics-grid.three-columns{grid-template-columns:1fr}.metric-card{min-height:120px}.channel-grid{grid-template-columns:1fr}.page-header h2{font-size:32px}.page-header p{font-size:12px}.panel-block{padding:17px}.transition-steps{grid-template-columns:1fr}.topbar-user{display:none}}