@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap');
:root{--bg:#07110e;--card:#0d1a16;--card2:#101f1a;--lime:#d6ff55;--cream:#f3f0e8;--muted:#87958f;--line:#25342e;--orange:#ff7448;--blue:#77aaff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--cream);font-family:Manrope,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.grain{position:fixed;inset:0;pointer-events:none;opacity:.03;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.eyebrow{font:500 10px DM Mono;letter-spacing:1.7px;color:var(--lime)}.primary{border:0;border-radius:3px;background:var(--lime);color:#10180c;padding:13px 18px;font-weight:700}.wide{width:100%}.primary span{float:right}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1fr 540px;background:radial-gradient(circle at 15% 50%,#173026 0,transparent 35%)}.auth-brand{padding:42px 5vw;font-weight:700;font-size:20px}.auth-brand span{color:var(--lime);font-size:26px}.auth-brand b,.brand small{font:500 9px DM Mono;color:var(--lime);letter-spacing:2px;margin-left:8px}.login-card{background:#0b1713;border-left:1px solid var(--line);padding:12vh 70px}.login-card h1{font-size:48px;line-height:1.02;letter-spacing:-2px;margin:22px 0}.login-card h1 em{font-family:Playfair Display;color:var(--lime)}.login-card>p{color:var(--muted);margin-bottom:42px}.login-card label,.modal-form label{display:block;color:#9eaaa5;font-size:11px;margin:15px 0}.login-card input,.modal-form input,.modal-form select,.modal-form textarea{display:block;width:100%;margin-top:8px;padding:13px;background:#07110e;border:1px solid #34463e;color:white;border-radius:2px}.form-error{color:#ff8060;font-size:12px;min-height:30px;padding-top:8px}.demo{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font:11px DM Mono;gap:6px}.demo b{color:#c0cac5;margin-bottom:4px}.app-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line)}.brand{font-weight:700}.brandmark{color:var(--lime);font-size:23px;margin-right:8px}.header-right{display:flex;align-items:center;gap:20px;color:#a8b4ae;font-size:12px}.icon-btn{background:transparent;border:1px solid var(--line);color:#a8b4ae;padding:8px 13px}.shell{display:grid;grid-template-columns:210px 1fr;min-height:calc(100vh - 70px)}#sidebar{border-right:1px solid var(--line);padding:25px 12px;display:flex;flex-direction:column;gap:7px}.nav-item{position:relative;border:0;background:transparent;color:#7f8e87;text-align:left;padding:13px 15px;border-radius:3px}.nav-item span{margin-left:12px}.nav-item.active{background:#14231d;color:var(--lime)}.nav-item i{float:right;background:var(--orange);color:#fff;border-radius:10px;padding:1px 6px;font:9px DM Mono}.nav-bottom{margin-top:auto;padding:15px}.connection{display:flex;align-items:center;gap:8px;color:#74827c;font-size:10px}.connection i,.state{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 10px #d6ff5577}.workspace{overflow:hidden}.page{display:none;padding:42px;min-height:calc(100vh - 70px)}.page.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.page-heading h1{font-size:34px;letter-spacing:-1.5px;margin:9px 0 0}.page-heading p{margin:7px 0;color:var(--muted);text-transform:capitalize}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--card);margin-bottom:22px}.stats>div{padding:21px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats span,.stats small{display:block;color:var(--muted);font-size:10px}.stats strong{display:inline-block;font:500 28px DM Mono;margin:10px 9px 3px 0}.card{background:var(--card);border:1px solid var(--line)}.overview-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(270px,.9fr);gap:22px}.card-head{height:66px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.card-head b,.card-head span{display:block}.card-head span{color:var(--muted);font-size:10px;margin-top:4px}.card-head .live-dot{color:var(--lime);font:10px DM Mono}#fleet-map{height:440px;background:#101b17;position:relative}.map-empty,.empty-state{display:grid;place-content:center;text-align:center;gap:8px;color:var(--lime);height:100%;min-height:240px}.map-empty span,.empty-state:first-letter{font-size:35px}.map-empty small,.empty-state span{color:var(--muted);font-size:11px}.fleet-marker{background:var(--lime);border:4px solid #14231d;border-radius:50%;box-shadow:0 0 0 6px #d6ff5533}.fleet-marker span{position:absolute;top:24px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#07110e;color:white;padding:4px 7px;font:9px DM Mono;border-radius:2px}.team-row,.person-row{width:100%;display:grid;grid-template-columns:40px 1fr 10px;align-items:center;text-align:left;gap:10px;border:0;border-bottom:1px solid var(--line);background:transparent;color:white;padding:16px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#1e332a;color:var(--lime);font:11px DM Mono;font-style:normal}.team-row span:nth-child(2) b,.team-row span:nth-child(2) small,.person-row span:nth-child(2) b,.person-row span:nth-child(2) small,.table-row small{display:block}.team-row small,.person-row small{font-size:9px;color:var(--muted);margin-top:4px}.team-row>i{width:7px;height:7px;border-radius:50%;background:#48564f}.team-row>i.online,.state.on{background:var(--lime);box-shadow:0 0 9px #d6ff55}.table-card{overflow:hidden}.table-row{display:grid;grid-template-columns:1.5fr 1.4fr 1fr .7fr .7fr;align-items:center;gap:18px;padding:16px 20px;border-bottom:1px solid var(--line);font-size:11px;color:#aeb9b4}.table-row:last-child{border:0}.table-head{font:9px DM Mono;color:#62716a;text-transform:uppercase;letter-spacing:1px}.person{display:flex;align-items:center;gap:11px}.person b,.table-row b{color:var(--cream)}.table-row small{color:var(--muted);margin-top:4px}.state{display:inline-block;margin-right:8px;background:#56635d;box-shadow:none}.text-btn{border:0;background:transparent;color:var(--lime);font-size:11px}.split-page{padding:0!important;grid-template-columns:330px 1fr}.split-page.active{display:grid}.list-pane{border-right:1px solid var(--line)}.page-heading.compact{padding:35px 25px 15px;margin:0}.person-row.active{background:#14231d}.person-row>i{background:var(--orange);border-radius:12px;font:9px DM Mono;padding:3px 6px}.detail-pane{min-width:0}.detail-head{height:74px;padding:0 25px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.detail-head b,.detail-head span{display:block}.detail-head span{color:var(--muted);font-size:10px;margin-top:4px}#chat{height:calc(100vh - 70px)}#chat-messages{height:calc(100% - 140px);overflow:auto;padding:25px;display:flex;flex-direction:column;gap:12px}.bubble{max-width:70%;align-self:flex-start;background:#14231d;border:1px solid var(--line);padding:12px 15px;border-radius:3px}.bubble.mine{align-self:flex-end;background:#d6ff55;color:#10180c}.bubble p{margin:0 0 7px;font-size:13px}.bubble time{font:8px DM Mono;opacity:.6}#message-form{height:66px;border-top:1px solid var(--line);display:flex;padding:10px 18px;gap:10px}#message-form input{flex:1;background:#0d1915;border:1px solid var(--line);color:white;padding:0 14px}.filters{display:flex;gap:7px;margin-bottom:20px}.filter{border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 13px;border-radius:20px;font-size:10px}.filter.active{background:var(--lime);color:#10180c;border-color:var(--lime)}.orders-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.order-card{background:var(--card);border:1px solid var(--line);padding:20px}.order-top,.order-footer{display:flex;justify-content:space-between;align-items:center}.order-id{font:10px DM Mono;color:var(--lime)}.priority{font:8px DM Mono;text-transform:uppercase;border:1px solid var(--line);padding:4px 7px}.priority.alta{color:var(--orange);border-color:#703f32}.order-card h3{font-size:17px;margin:20px 0 5px}.order-card p{font-size:11px;color:var(--muted);line-height:1.5}.customer{color:#c4cec9!important}.address{font-size:10px;padding:13px 0;border-block:1px solid var(--line);color:#a9b5af}.order-footer{margin-top:20px}.status-pill{font:8px DM Mono;text-transform:uppercase;padding:5px 8px;background:#22332c}.status-pill.in_corso{color:#ffc965}.status-pill.completato{color:var(--lime)}.order-footer select{background:#0a1511;color:#aab6b0;border:1px solid var(--line);font-size:9px;padding:6px}.mobile-hero{max-width:580px;margin:auto;background:var(--card);border:1px solid var(--line);padding:42px}.mobile-hero h1{font-size:35px;margin:15px 0 5px}.mobile-hero>p{color:var(--muted)}.status{display:flex;align-items:center;gap:9px;margin:28px 0 16px;color:#96a49e;font-size:12px}.status i{width:8px;height:8px;border-radius:50%;background:#5d6964}.status.live i{background:var(--lime);box-shadow:0 0 12px var(--lime)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-bottom:18px}.metrics div{padding:14px;border-right:1px solid var(--line)}.metrics div:last-child{border:0}.metrics span{display:block;color:var(--muted);font-size:9px;margin-bottom:7px}.metrics strong{font:11px DM Mono}.wake{display:block;font-size:11px;color:#aab5b0;margin:18px 0}.wake input{accent-color:var(--lime)}.fineprint{font-size:10px!important;line-height:1.5}.modal{position:fixed;z-index:100;inset:0;background:#000b;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-card{position:relative;width:min(540px,100%);max-height:90vh;overflow:auto;background:var(--card);border:1px solid #3b4e45;padding:36px}.modal-card h2{font-size:28px;margin:12px 0 24px}.modal-close{position:absolute;right:16px;top:13px;border:0;background:transparent;color:#89968f;font-size:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}#toast{position:fixed;z-index:200;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--cream);color:#111;padding:11px 18px;opacity:0;transition:.2s;font-size:12px}#toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(max-width:1050px){.overview-grid{grid-template-columns:1fr}.orders-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.auth-screen{display:block;padding-top:60px}.auth-brand{padding:20px}.login-card{padding:45px 25px;border:0}.shell{display:block}.app-header{height:60px}#sidebar{position:fixed;z-index:50;bottom:0;left:0;right:0;height:62px;background:#0a1512;border:0;border-top:1px solid var(--line);display:flex;flex-direction:row;padding:5px;justify-content:space-around}.nav-item{padding:7px 10px;text-align:center}.nav-item span{display:block;margin:3px 0 0;font-size:8px}.nav-bottom{display:none}.workspace{padding-bottom:62px}.page{padding:24px 16px;min-height:calc(100vh - 122px)}.page-heading{align-items:flex-start}.page-heading h1{font-size:27px}.stats{grid-template-columns:repeat(2,1fr)}.stats>div{padding:14px}.orders-grid{grid-template-columns:1fr}.table-row{grid-template-columns:1fr 1fr}.table-row>*:nth-child(3),.table-row>*:nth-child(4){display:none}.split-page.active{display:block}.list-pane{border:0}.detail-pane{position:fixed;inset:60px 0 62px;background:var(--bg);z-index:20}.detail-pane:has(#chat-empty:not([hidden])){display:none}#chat{height:100%}.modal-card{padding:28px 20px}.form-grid{grid-template-columns:1fr}.mobile-hero{padding:28px 20px}.header-right span{display:none}}