*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#070710;--bg2:#0c0c18;--bg3:#11111e;--bg4:#171728;--bg5:#1e1e32;--border:#8b5cf614;--border2:#8b5cf626;--border3:#8b5cf63d;--t1:#f2f2ff;--t2:#8080aa;--t3:#44445a;--t4:#2a2a3a;--accent:#9d6fff;--accent-g:#9d6fff38;--accent-s:#9d6fff1a;--accent-d:#9d6fff0a;--accent-grd:linear-gradient(135deg, #9d6fff 0%, #d946ef 100%);--green:#00e5a0;--green-g:#00e5a029;--green-s:#00e5a017;--amber:#fa0;--amber-s:#ffaa0017;--red:#f46;--red-s:#ff446617;--violet:#9d6fff;--violet-s:#9d6fff17;--fh:"Plus Jakarta Sans", sans-serif;--fb:"Inter", sans-serif;--fm:"IBM Plex Mono", monospace;--r:10px;--rmd:16px;--rlg:24px;--rxl:32px;--rf:9999px;--sidebar:220px;--sidebar-collapsed:48px;--sh:0 4px 24px #0009;--shm:0 10px 48px #000000d9;--card-shadow:0 2px 12px #00000080, inset 0 1px 0 #ffffff08;--card-shadow-hover:0 8px 32px #9d6fff24, inset 0 1px 0 #ffffff0d}[data-theme=light]{--bg:#f0f3f9;--bg2:#f8faff;--bg3:#fff;--bg4:#eef1f9;--bg5:#e4e9f4;--border:#00000012;--border2:#0000001f;--border3:#0000002e;--t1:#0d1220;--t2:#4a5870;--t3:#8a9ab5;--t4:#c0cce0;--accent:#7c3aed;--accent-g:#7c3aed24;--accent-s:#7c3aed14;--accent-d:#7c3aed0a;--green:#00a870;--green-g:#00a8701f;--green-s:#00a8700f;--amber:#c80;--amber-s:#cc880014;--red:#c24;--red-s:#cc224414;--violet:#7c3aed;--violet-s:#7c3aed14}html,body{height:100%;font-family:var(--fb);background:var(--bg);color:var(--t1);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--bg5);border-radius:var(--r)}svg{vertical-align:middle;fill:none;display:inline-block}svg.rupee-icon{fill:currentColor;opacity:.65;flex-shrink:0;width:16px;height:16px;margin:0 10px 0 2px}svg.rupee-icon text{fill:currentColor}.nav-item.active svg.rupee-icon,.nav-item:hover svg.rupee-icon{opacity:1}#toasts{z-index:9999;pointer-events:none;flex-direction:column;gap:7px;display:flex;position:fixed;top:18px;right:18px}.toast{border-radius:var(--rmd);background:var(--bg3);border:1px solid var(--border2);color:var(--t1);box-shadow:var(--shm);opacity:0;pointer-events:auto;align-items:center;gap:9px;max-width:300px;padding:11px 14px;font-size:12px;font-weight:500;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s;display:flex;transform:translate(110%)}.toast.show{opacity:1;transform:translate(0)}.toast.hide{opacity:0;transform:translate(110%)}.toast.success{border-color:var(--green)}.toast.error{border-color:var(--red)}.toast.info{border-color:var(--accent)}.toast.warn{border-color:var(--amber)}#login-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.5;background-size:44px 44px;position:absolute;inset:0}.login-glow{pointer-events:none;background:radial-gradient(circle,#a78bfa0f,#0000 70%);width:600px;height:600px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.login-box{z-index:1;text-align:center;width:100%;max-width:380px;position:relative}.login-icon{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--rlg);width:56px;height:56px;box-shadow:0 0 30px var(--accent-g);justify-content:center;align-items:center;margin:0 auto 18px;display:flex}.login-title{font-family:var(--fh);color:var(--t1);font-size:28px;font-weight:800}.login-sub{font-family:var(--fm);color:var(--accent);letter-spacing:3px;text-transform:uppercase;margin:6px 0 24px;font-size:9px}.login-card{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--rxl);box-shadow:var(--shm);padding:24px}.login-label{font-size:9px;font-family:var(--fh);text-transform:uppercase;letter-spacing:1.2px;color:var(--t3);text-align:left;margin-bottom:8px;font-weight:700;display:block}.login-input{background:var(--bg4);border:1px solid var(--border2);border-radius:var(--rmd);width:100%;font-size:18px;font-family:var(--fm);color:var(--t1);text-align:center;letter-spacing:.2em;outline:none;margin-bottom:14px;padding:13px;transition:border-color .2s}.login-btn{background:var(--accent);color:#000;border-radius:var(--rmd);width:100%;font-size:12px;font-family:var(--fh);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;box-shadow:0 4px 16px var(--accent-g);border:none;padding:13px;font-weight:700;transition:all .2s}.login-btn:hover{opacity:.9;box-shadow:0 6px 24px var(--accent-g);transform:translateY(-1px)}.login-version{font-family:var(--fm);color:var(--t4);letter-spacing:2px;margin-top:18px;font-size:9px}.login-reset{color:var(--red);font-family:var(--fm);cursor:pointer;opacity:.5;background:0 0;border:none;margin-top:10px;font-size:9px;text-decoration:underline}#app-shell{flex-direction:column;height:100vh;display:none;overflow:hidden}#app-shell.visible{display:flex}.topbar{background:var(--bg2);border-bottom:1px solid var(--border);z-index:100;flex-shrink:0;align-items:center;height:56px;padding:0 8px 0 0;display:flex;position:relative}.topbar-left{width:var(--sidebar);flex-shrink:0;align-items:center;padding:0 8px;transition:width .22s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.topbar-left.collapsed{width:var(--sidebar-collapsed)}.topbar-brand{align-items:center;gap:8px;min-width:0;display:flex}.topbar-brand-name{font-family:var(--fh);color:var(--t1);white-space:nowrap;font-size:14px;font-weight:800;transition:opacity .15s,width .22s;overflow:hidden}.topbar-left.collapsed .topbar-brand-name{opacity:0;pointer-events:none;width:0}.topbar-center{flex:1;align-items:center;min-width:0;padding-left:4px;display:flex}.topbar-page-title{font-family:var(--fh);color:var(--t1);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.topbar-right{flex-shrink:0;align-items:center;gap:4px;display:flex}#btn-hamburger{cursor:pointer;width:40px;height:56px;color:var(--t2);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:none}#btn-hamburger:hover{color:var(--t1)}.tb-btn{cursor:pointer;height:40px;color:var(--t2);font-size:11px;font-family:var(--fh);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:var(--rmd);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-weight:700;transition:all .18s;display:flex}.tb-btn.icon-only{border-radius:50%;width:40px;padding:0}.tb-btn:hover{background:var(--bg4);color:var(--t1)}.tb-btn.accent{background:var(--accent-s);color:var(--accent);border:1px solid var(--accent-g);border-radius:var(--rmd)}.tb-btn.accent:hover{background:var(--accent);color:#000}.tb-btn.green{background:var(--green-s);color:var(--green);border:1px solid var(--green-g);border-radius:var(--rmd)}.tb-btn.green:hover{background:var(--green);color:#000}.notif-wrap{position:relative}.notif-badge{background:var(--red);color:#fff;font-size:8px;font-family:var(--fm);border-radius:var(--rf);text-align:center;min-width:14px;padding:1px 4px;font-weight:700;display:none;position:absolute;top:6px;right:6px}.role-chip{font-size:9px;font-family:var(--fh);text-transform:uppercase;letter-spacing:1px;color:var(--accent);background:var(--accent-s);border:1px solid var(--accent-g);border-radius:var(--rf);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;padding:3px 10px;font-weight:700;transition:all .18s;display:flex}.role-chip:hover{background:var(--accent);color:#000}.role-chip:hover svg{stroke:#000}.body-split{flex:1;display:flex;overflow:hidden}.sidebar{width:var(--sidebar);background:var(--bg2);border-right:1px solid var(--border);z-index:10;flex-direction:column;flex-shrink:0;transition:width .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:6px;height:56px;padding:0 8px;display:flex;overflow:hidden}.sidebar-brand-mark{border-radius:var(--rmd);background:var(--accent-s);border:1px solid var(--accent-g);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar-brand-name{font-family:var(--fh);color:var(--t1);white-space:nowrap;flex:1;font-size:14px;font-weight:800;transition:opacity .15s,width .22s;overflow:hidden}.sidebar.collapsed .sidebar-brand-name{opacity:0;pointer-events:none;width:0}#btn-sidebar-toggle{cursor:pointer;width:28px;height:28px;color:var(--t3);border-radius:var(--rmd);opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:background .18s,color .18s,opacity .18s;display:flex}.sidebar:hover #btn-sidebar-toggle{opacity:1}#btn-sidebar-toggle:hover{background:var(--bg4);color:var(--t1)}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.sidebar.collapsed .sidebar-brand-mark,.sidebar.collapsed .sidebar-brand-name{display:none}.sidebar.collapsed #btn-sidebar-toggle{width:48px;height:56px;color:var(--t2);border-radius:0;margin-left:0;opacity:1!important}.sidebar.collapsed #btn-sidebar-toggle:hover{background:var(--bg4);color:var(--accent)}.sidebar-toggle-icon{transition:transform .22s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed .sidebar-toggle-icon{transform:rotate(180deg)}.sidebar-nav{flex:1;padding:8px 0;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--bg5)}.nav-section-label{text-transform:none;letter-spacing:0;color:var(--t3);font-size:10px;font-weight:600;font-family:var(--fb);white-space:nowrap;height:32px;padding:16px 14px 5px;transition:opacity .15s,height .22s,padding .22s;overflow:hidden}.sidebar.collapsed .nav-section-label{opacity:0;pointer-events:none;height:0;padding:0}.nav-section-divider{background:var(--border);height:1px;margin:6px 8px;display:none}.sidebar.collapsed .nav-section-divider{display:block}.nav-item{border-radius:var(--rmd);cursor:pointer;font-size:13px;font-weight:450;font-family:var(--fb);color:var(--t2);-webkit-user-select:none;user-select:none;white-space:nowrap;letter-spacing:-.1px;align-items:center;gap:0;height:38px;margin:1px 6px;padding:0 10px;transition:background .18s,color .18s;display:flex;position:relative;overflow:hidden}.nav-item:hover{background:var(--bg4);color:var(--t2)}.nav-item.active{background:var(--accent-s);color:var(--t1)}.nav-item.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;height:18px;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.nav-item svg{opacity:.65;flex-shrink:0;width:16px;height:16px;margin:0 10px 0 2px;transition:margin .22s}.nav-item.active svg{opacity:1;stroke:var(--accent)}.nav-item.active svg.rupee-icon{fill:var(--accent)}.sidebar.collapsed .nav-item{justify-content:center;align-items:center;width:100%;height:48px;margin:0;padding:0;display:flex;position:relative;background:0 0!important}.sidebar.collapsed .nav-item:before{content:"";border-radius:var(--rmd);z-index:0;pointer-events:none;background:0 0;width:36px;height:36px;transition:background .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sidebar.collapsed .nav-item svg{z-index:1;width:18px;height:18px;margin:0;display:block;position:relative}.nav-label{text-overflow:ellipsis;flex:1;min-width:0;transition:opacity .12s,width .22s;overflow:hidden}.sidebar.collapsed .nav-label{opacity:0;pointer-events:none;width:0}.nav-count{font-size:9px;font-family:var(--fm);background:var(--bg5);color:var(--t3);border-radius:var(--rf);text-align:center;flex-shrink:0;min-width:16px;padding:2px 5px;font-weight:700;transition:opacity .12s}.nav-count.alert{background:var(--red-s);color:var(--red)}.nav-count.active{background:var(--green-s);color:var(--green)}.sidebar.collapsed .nav-count{opacity:0;width:0;min-width:0;padding:0;overflow:hidden}.sidebar.collapsed .nav-item{position:relative}.nav-tooltip{left:calc(var(--sidebar-collapsed) - 4px);background:var(--bg5);color:var(--t1);font-size:11px;font-family:var(--fh);border-radius:var(--rmd);white-space:nowrap;pointer-events:none;opacity:0;z-index:200;border:1px solid var(--border2);box-shadow:var(--shm);padding:5px 10px;font-weight:600;transition:opacity .12s .3s;position:absolute;top:50%;transform:translateY(-50%)}.sidebar.collapsed .nav-item:hover .nav-tooltip{opacity:1}.sidebar-user{border-top:1px solid var(--border);flex-shrink:0;padding:10px 8px;overflow:hidden}.sidebar.collapsed .sidebar-user{justify-content:center;padding:8px 4px;display:flex}.user-row{align-items:center;gap:9px;display:flex;overflow:hidden}.sidebar.collapsed .user-row{justify-content:center}.user-av{background:var(--accent-s);border:1px solid var(--accent-g);width:30px;height:30px;font-size:10px;font-family:var(--fh);color:var(--accent);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;transition:border-color .18s;display:flex}.user-av:hover{border-color:var(--accent)}.user-info{flex:1;min-width:0;transition:opacity .15s,width .22s;overflow:hidden}.sidebar.collapsed .user-info{opacity:0;pointer-events:none;width:0}.user-name{color:var(--t1);white-space:nowrap;font-size:12px;font-weight:600}.user-sub{color:var(--t3);font-size:10px;font-family:var(--fm);white-space:nowrap;margin-top:1px}.btn-signout{width:100%;color:var(--t3);border-radius:var(--rmd);font-size:10px;font-family:var(--fh);text-transform:uppercase;letter-spacing:.8px;cursor:pointer;white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;gap:7px;margin-top:4px;padding:8px;font-weight:700;transition:all .18s;display:flex;overflow:hidden}.btn-signout:hover{background:var(--red-s);color:var(--red)}.sidebar.collapsed .btn-signout{display:none}.btn-signout-label{transition:opacity .12s}.sidebar.collapsed .btn-signout-label{opacity:0}.page-content{flex:1;padding:20px;overflow-y:auto}.page{display:none}.page.active{animation:.2s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.kpi-grid{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:20px;display:grid}.kpi-card{background:var(--bg3);border-radius:var(--rlg);aspect-ratio:1;cursor:default;border:none;flex-direction:column;justify-content:space-between;width:100%;padding:14px;transition:transform .18s,background .18s;display:flex;position:relative;overflow:hidden}.kpi-card:hover{background:var(--bg4);transform:translateY(-2px)}.kpi-card:after{content:"";background:var(--kc,transparent);height:2px;position:absolute;top:0;left:0;right:0}.kpi-icon{border-radius:var(--rmd);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.kpi-top{justify-content:space-between;align-items:flex-start;display:flex}.kpi-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--t3);font-size:8px;font-weight:700;font-family:var(--fh);margin-bottom:4px}.kpi-val{font-family:var(--fh);color:var(--t1);font-size:24px;font-weight:800;line-height:1}.kpi-sub{font-size:9px;font-family:var(--fm);color:var(--t3);margin-top:4px}.kpi-spark{height:24px;margin-top:6px}.chart-card{background:var(--bg3);border-radius:var(--rlg);border:none;padding:18px}.card-head{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.card-title{font-family:var(--fh);color:var(--t1);font-size:13px;font-weight:700}.card-sub{color:var(--t3);margin-top:2px;font-size:10px}.chart-tabs{background:var(--bg4);border-radius:var(--rmd);gap:3px;padding:3px;display:flex}.ctab{border-radius:var(--rmd);font-size:9px;font-family:var(--fh);cursor:pointer;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;padding:4px 10px;font-weight:700;transition:all .18s}.ctab.active{background:var(--accent);color:#000}.section-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.section-title{font-family:var(--fh);color:var(--t2);text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;font-size:11px;font-weight:700}.search-box{background:var(--bg3);border:1px solid var(--border);border-radius:var(--rmd);flex:1;align-items:center;gap:6px;min-width:0;padding:6px 10px;transition:border-color .18s;display:flex}.search-box:focus-within{border-color:var(--accent)}.search-box input{color:var(--t1);width:100%;font-size:12px;font-family:var(--fb);background:0 0;border:none;outline:none;min-width:0}.search-box input::placeholder{color:var(--t3)}.filter-row{flex-wrap:wrap;gap:5px;margin-bottom:12px;display:flex}.fpill{font-size:9px;font-family:var(--fh);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--rf);background:var(--bg4);color:var(--t3);cursor:pointer;border:none;padding:5px 12px;font-weight:700;transition:all .18s}.fpill:hover{background:var(--bg5);color:var(--t1)}.fpill.active{background:var(--accent-s);color:var(--accent)}.crane-card{background:var(--bg3);border-radius:var(--rlg);border:none;margin-bottom:8px;padding:14px;transition:background .2s}.crane-card:hover{background:var(--bg4)}.crane-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.crane-reg{font-family:var(--fh);color:var(--accent);font-size:17px;font-weight:800}.crane-vin{font-size:9px;font-family:var(--fm);color:var(--t4);margin-top:2px}.crane-spec{color:var(--t3);margin-top:2px;font-size:10px}.badges{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.badge{font-size:8px;font-family:var(--fh);text-transform:uppercase;letter-spacing:.3px;border-radius:var(--rf);border:1px solid var(--border);background:var(--bg4);color:var(--t3);padding:2px 7px;font-weight:700}.badge.green{background:var(--green-s);color:var(--green);border-color:var(--green-g)}.badge.amber{background:var(--amber-s);color:var(--amber);border-color:#ffaa004d}.badge.red{background:var(--red-s);color:var(--red);border-color:#ff44664d}.badge.accent{background:var(--accent-s);color:var(--accent);border-color:var(--accent-g)}.crane-mid{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}.op-pill{border-radius:var(--rf);font-size:9px;font-family:var(--fh);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:6px;padding:4px 10px;font-weight:700;display:inline-flex}.op-pill.on{background:var(--green-s);color:var(--green);border:1px solid var(--green-g)}.op-pill.off{background:var(--bg4);color:var(--t3);border:1px solid var(--border)}.op-dot{border-radius:50%;width:5px;height:5px}.op-pill.on .op-dot{background:var(--green);box-shadow:0 0 5px var(--green)}.op-pill.off .op-dot{background:var(--t4)}.pulse-dot{background:var(--green);border-radius:50%;width:6px;height:6px;position:relative}.pulse-dot:after{content:"";border:2px solid var(--green);opacity:0;border-radius:50%;animation:1.5s infinite pulse;position:absolute;inset:-4px}@keyframes pulse{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}.crane-actions{gap:4px;display:flex}.ca-btn{border-radius:var(--rmd);border:1px solid var(--border);background:var(--bg4);cursor:pointer;width:30px;height:30px;color:var(--t3);justify-content:center;align-items:center;transition:all .18s;display:flex}.ca-btn:hover{transform:translateY(-1px)}.ca-btn.c-acc{color:var(--accent);border-color:var(--accent-g)}.ca-btn.c-acc:hover{background:var(--accent-s);border-color:var(--accent)}.ca-btn.c-grn{color:var(--green);border-color:var(--green-g)}.ca-btn.c-grn:hover{background:var(--green-s)}.ca-btn.c-amb{color:var(--amber);border-color:#ffaa0040}.ca-btn.c-amb:hover{background:var(--amber-s)}.ca-btn.c-vio{color:var(--violet);border-color:#9b6fff40}.ca-btn.c-vio:hover{background:var(--violet-s)}.ca-btn.c-red{color:var(--red);border-color:#ff446640}.ca-btn.c-red:hover{background:var(--red-s)}.sh-table{border-radius:var(--rmd);background:var(--bg4);border:none;margin-top:8px;overflow:hidden}.sh-head{background:var(--bg5);justify-content:space-between;align-items:center;padding:5px 10px;display:flex}.sh-hl{font-size:8px;font-family:var(--fh);text-transform:uppercase;letter-spacing:.8px;color:var(--t3);font-weight:700}.sh-ht{font-size:9px;font-family:var(--fm);color:var(--accent)}.sh-row{border-top:1px solid var(--border);grid-template-columns:1fr 1.2fr .7fr .8fr;align-items:center;gap:4px;padding:6px 10px;display:grid}.sh-row:last-child{border-bottom:none}.sh-row:hover{background:var(--bg5)}.sh-date{font-size:9px;font-family:var(--fm);color:var(--t2);font-weight:600}.sh-time{font-size:9px;font-family:var(--fm);color:var(--t3)}.sh-hrs{font-size:9px;font-family:var(--fm);color:var(--green);text-align:right}.sh-bill{font-size:9px;font-family:var(--fm);color:var(--accent);text-align:right}.ot-dot{background:var(--amber);width:4px;height:4px;box-shadow:0 0 4px var(--amber);vertical-align:middle;border-radius:50%;margin-left:3px;display:inline-block}.bill-bar{border-radius:var(--rmd);font-size:10px;font-family:var(--fm);background:var(--accent-s);color:var(--accent);border:1px solid var(--accent-g);flex-wrap:wrap;gap:12px;margin-top:6px;padding:7px 10px;display:flex}.warn-bar{border-radius:var(--rmd);font-size:10px;font-family:var(--fm);background:var(--red-s);color:var(--red);border:1px solid #f463;flex-wrap:wrap;gap:12px;margin-top:6px;padding:7px 10px;display:flex}.op-hero{background:var(--bg3);border-radius:var(--rxl);border:none;margin-bottom:16px;padding:20px;position:relative;overflow:hidden}.op-hero:before{content:"";background:radial-gradient(ellipse 70% 60% at 50% -10%, var(--accent-s), transparent);pointer-events:none;position:absolute;inset:0}.op-assign-label{font-size:9px;font-family:var(--fh);text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin-bottom:4px;font-weight:700;position:relative}.op-assign-reg{font-family:var(--fh);color:var(--t1);font-size:36px;font-weight:800;line-height:1;position:relative}.op-rate-pill{background:var(--bg4);border:1px solid var(--border);border-radius:var(--rf);font-size:10px;font-family:var(--fm);color:var(--t2);align-items:center;gap:5px;margin-top:10px;padding:5px 12px;display:inline-flex}.op-profile-strip{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex;position:relative}.logger-card{background:var(--bg3);border-radius:var(--rxl);border:none;margin-bottom:14px;padding:18px}.logger-title{font-family:var(--fh);color:var(--t1);border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:12px;font-size:13px;font-weight:700}.time-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:0;display:grid}.time-label{font-size:9px;font-family:var(--fh);text-transform:uppercase;letter-spacing:1px;color:var(--t3);margin-bottom:6px;font-weight:700}.time-box{background:var(--bg4);border-radius:var(--rmd);border:none;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;transition:all .18s;display:flex}.time-box:focus-within{box-shadow:0 0 0 2px var(--accent)}.time-box input[type=time]{font-size:17px;font-family:var(--fm);color:var(--t1);cursor:pointer;background:0 0;border:none;outline:none;width:100%;font-weight:500}.time-box input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.5);cursor:pointer}[data-theme=light] .time-box input[type=time]::-webkit-calendar-picker-indicator{filter:none}.bill-preview{background:var(--bg4);border:1px solid var(--border);border-radius:var(--rlg);margin-top:0;padding:14px;display:none}.bill-preview.show{border-color:var(--accent);background:var(--accent-d);display:block}.bp-label{font-size:8px;font-family:var(--fh);text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin-bottom:6px;font-weight:700}.bp-total{font-size:22px;font-family:var(--fm);color:var(--t1);font-weight:600}.bp-rows{font-family:var(--fm);color:var(--t3);flex-direction:column;gap:4px;margin-top:10px;font-size:10px;display:flex}.bp-row{justify-content:space-between;display:flex}.bp-row.ot{color:var(--amber)}.bp-row.total{color:var(--t1);border-top:1px solid var(--border);margin-top:3px;padding-top:5px;font-weight:600}textarea.notes-area{background:var(--bg5);border-radius:var(--rmd);width:100%;font-size:12px;font-family:var(--fb);color:var(--t1);resize:none;border:none;outline:none;padding:10px 12px;line-height:1.5;transition:box-shadow .18s}textarea.notes-area:focus{box-shadow:0 0 0 2px var(--accent)}.log-actions{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;padding-top:12px;display:grid}.la-btn{cursor:pointer;font-size:8px;font-family:var(--fh);letter-spacing:.5px;text-transform:uppercase;color:var(--t3);border-radius:var(--rmd);background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;font-weight:700;transition:all .18s;display:flex;position:relative}.la-btn:hover{background:var(--bg4);color:var(--t1)}.la-btn:hover svg{stroke:var(--accent)}.la-btn svg{stroke:var(--t3);width:19px;height:19px;transition:stroke .18s}.la-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 6px var(--accent);border-radius:50%;position:absolute;top:5px;right:16px}.a-grid-2{grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px;display:grid}.a-grid-3{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px;display:grid}.a-grid-2b{grid-template-columns:3fr 2fr;gap:14px;margin-bottom:14px;display:grid}.deploy-week-nav{align-items:center;gap:6px;display:flex}.deploy-week-nav button{background:var(--bg4);border:1px solid var(--border2);color:var(--t2);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;transition:background .15s,color .15s;display:flex}.deploy-week-nav button:hover{background:var(--bg5);color:var(--t1)}.deploy-week-nav button:disabled{opacity:.3;cursor:default}.deploy-week-label{font-size:10px;font-family:var(--fb);color:var(--t3);white-space:nowrap}.deploy-days{justify-content:space-between;padding:12px 16px 4px;display:flex}.deploy-day{cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:4px 2px;transition:opacity .15s;display:flex}.deploy-day.future{opacity:.3;pointer-events:none}.deploy-day-lbl{font-size:9px;font-family:var(--fb);color:var(--t3);text-transform:uppercase;letter-spacing:.3px;font-weight:500}.deploy-day.selected .deploy-day-lbl{color:var(--accent);font-weight:700}.deploy-day.today .deploy-day-lbl{color:var(--t1)}.deploy-day-num{font-size:9px;font-family:var(--fm);color:var(--t3)}.deploy-day.today .deploy-day-num{color:var(--accent);font-weight:700}.deploy-ring-wrap{justify-content:center;align-items:center;margin:12px 0 6px;display:flex;position:relative}.deploy-ring-center{text-align:center;pointer-events:none;position:absolute}.deploy-ring-pct{font-family:var(--fh);color:var(--t1);letter-spacing:-1px;font-size:28px;font-weight:700;line-height:1}.deploy-ring-sub{color:var(--t3);font-size:10px;font-family:var(--fb);margin-top:3px;font-weight:500}.deploy-ring-date{color:var(--t3);font-size:9px;font-family:var(--fm);margin-top:1px}.deploy-legend{border-top:1px solid var(--border);flex-direction:column;gap:3px;padding:8px 16px 4px;display:flex}.deploy-legend-row{font-size:11px;font-family:var(--fb);color:var(--t2);justify-content:space-between;align-items:center;padding:2px 0;display:flex}.deploy-legend-row.total{border-top:1px solid var(--border);color:var(--t3);margin-top:2px;padding-top:6px}.deploy-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:6px}.deploy-legend-val{font-family:var(--fm);color:var(--t1);font-size:11px;font-weight:600}.donut-wrap{justify-content:center;align-items:center;margin:10px 0;display:flex;position:relative}.donut-center{text-align:center;position:absolute}.donut-big{font-family:var(--fh);color:var(--t1);font-size:24px;font-weight:800}.donut-sm{color:var(--t3);font-size:9px;font-family:var(--fm)}.legend-row{justify-content:space-between;align-items:center;padding:3px 0;font-size:11px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.perf-bar-track{background:var(--bg4);border-radius:var(--rf);height:3px;margin-top:4px;overflow:hidden}.perf-bar-fill{border-radius:var(--rf);height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.heatmap-wrap{gap:3px;margin-top:12px;display:flex}.hmap-col{flex-direction:column;flex:1;gap:3px;display:flex}.hmap-cell{aspect-ratio:1;cursor:default;border-radius:3px;transition:transform .15s}.hmap-cell:hover{z-index:1;transform:scale(1.2)}.hmap-day-labels{flex-direction:column;flex-shrink:0;gap:3px;width:18px;display:flex}.hmap-day-label{font-size:7px;font-family:var(--fm);color:var(--t4);text-align:center;justify-content:center;align-items:center;line-height:1;display:flex}.hw{align-items:center;gap:6px;margin-top:8px;display:flex}.hw-label{color:var(--t3);font-size:8px;font-family:var(--fm)}.hw-cell{border-radius:2px;width:10px;height:10px}.gps-iframe-wrap{border:1px solid var(--border);border-radius:var(--rlg);width:100%;height:calc(100vh - 120px);position:relative;overflow:hidden}.gps-iframe-wrap iframe{border:none;width:100%;height:100%}.gps-sync-bar{background:var(--bg3);border:1px solid var(--border);border-radius:var(--rlg);justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 16px;display:flex}.bill-summary{background:var(--bg3);border:1px solid var(--accent-g);border-radius:var(--rlg);margin-bottom:14px;padding:18px}.bill-sum-label{font-size:9px;font-family:var(--fh);text-transform:uppercase;letter-spacing:1.2px;color:var(--accent);margin-bottom:6px;font-weight:700}.bill-sum-amount{font-size:34px;font-family:var(--fm);color:var(--t1);font-weight:600;line-height:1}.bill-sum-meta{font-size:10px;font-family:var(--fm);color:var(--t3);margin-top:8px;line-height:1.8}.bill-table-wrap{background:var(--bg3);border-radius:var(--rlg);overflow:hidden}.data-table{border-collapse:collapse;width:100%;font-family:var(--fm);font-size:11px}.data-table th{background:var(--bg5);text-align:left;font-family:var(--fh);text-transform:uppercase;letter-spacing:1px;color:var(--t3);border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 12px;font-size:8px}.data-table td{border-bottom:1px solid var(--border);color:var(--t2);vertical-align:middle;white-space:nowrap;padding:10px 12px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg4)}.hours-badge{border-radius:var(--rf);background:var(--green-s);color:var(--green);border:1px solid var(--green-g);padding:2px 7px;font-size:9px;display:inline-block}.bill-badge{border-radius:var(--rf);background:var(--accent-s);color:var(--accent);border:1px solid var(--accent-g);padding:2px 7px;font-size:9px;display:inline-block}.ot-badge{border-radius:var(--rf);background:var(--amber-s);color:var(--amber);border:1px solid #ffaa004d;padding:2px 7px;font-size:9px;display:inline-block}.bill-tabs{background:var(--bg4);border-radius:var(--rmd);border:1px solid var(--border);flex-shrink:0;gap:3px;margin-bottom:16px;padding:3px;display:flex;overflow-x:auto}.bill-tab{border-radius:var(--rmd);font-size:9px;font-family:var(--fh);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;color:var(--t3);text-align:center;white-space:nowrap;background:0 0;border:none;flex:1;min-width:0;padding:7px 10px;font-weight:700;transition:all .18s}.bill-tab.active{background:var(--bg3);color:var(--t1);box-shadow:var(--sh)}.bill-tab .bt-count{font-size:8px;font-family:var(--fm);background:var(--bg5);color:var(--t3);border-radius:var(--rf);margin-left:4px;padding:1px 5px}.bill-tab.active .bt-count{background:var(--accent-s);color:var(--accent)}.bill-tab .bt-count.alert{background:var(--red-s);color:var(--red)}.bill-panel{animation:.2s fadeIn;display:none}.bill-panel.active{display:block}.bill-kpi-row{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px;display:grid}.bill-kpi{background:var(--bg3);border-radius:var(--rlg);padding:14px;position:relative;overflow:hidden}.bill-kpi:after{content:"";height:2px;position:absolute;top:0;left:0;right:0}.bill-kpi-val{font-family:var(--fh);color:var(--t1);font-size:18px;font-weight:800}.bill-kpi-lbl{font-size:8px;font-family:var(--fh);text-transform:uppercase;letter-spacing:1px;color:var(--t3);margin-top:3px;font-weight:700}.bill-kpi-sub{font-size:9px;font-family:var(--fm);color:var(--t4);margin-top:2px}.inv-card{background:var(--bg3);border-radius:var(--rlg);border-left:3px solid #0000;margin-bottom:8px;padding:14px;transition:background .18s}.inv-card:hover{background:var(--bg4)}.inv-card.paid{border-left-color:var(--green)}.inv-card.pending{border-left-color:var(--amber)}.inv-card.partial{border-left-color:var(--accent)}.inv-card.overdue{border-left-color:var(--red)}.inv-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.inv-num{font-family:var(--fh);color:var(--accent);font-size:14px;font-weight:800}.inv-client{color:var(--t2);margin-top:2px;font-size:11px}.inv-status{font-size:8px;font-family:var(--fh);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--rf);align-items:center;gap:4px;padding:3px 10px;font-weight:700;display:inline-flex}.inv-status.paid{background:var(--green-s);color:var(--green);border:1px solid var(--green-g)}.inv-status.pending{background:var(--amber-s);color:var(--amber);border:1px solid #ffaa004d}.inv-status.partial{background:var(--accent-s);color:var(--accent);border:1px solid var(--accent-g)}.inv-status.overdue{background:var(--red-s);color:var(--red);border:1px solid #ff44664d}.inv-body{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;padding-top:8px;display:flex}.inv-col{flex-direction:column;gap:2px;display:flex}.inv-col-lbl{font-size:8px;font-family:var(--fh);text-transform:uppercase;letter-spacing:1px;color:var(--t4);font-weight:700}.inv-col-val{font-size:12px;font-family:var(--fm);color:var(--t1);font-weight:600}.inv-col-val.green{color:var(--green)}.inv-col-val.amber{color:var(--amber)}.inv-col-val.red{color:var(--red)}.inv-col-val.accent{color:var(--accent)}.inv-actions{flex-shrink:0;gap:4px;margin-left:auto;display:flex}.client-card{background:var(--bg3);border-radius:var(--rlg);align-items:center;gap:12px;margin-bottom:8px;padding:14px;transition:background .18s;display:flex}.client-card:hover{background:var(--bg4)}.client-av{background:var(--accent-s);border:1px solid var(--accent-g);width:38px;height:38px;font-size:11px;font-family:var(--fh);color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.client-info{flex:1;min-width:0}.client-name{color:var(--t1);font-size:13px;font-weight:600}.client-meta{font-size:10px;font-family:var(--fm);color:var(--t3);flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.client-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.gst-card{background:var(--bg3);border-radius:var(--rlg);margin-bottom:10px;padding:16px}.gst-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.gst-cell{background:var(--bg4);border-radius:var(--rmd);padding:12px}.gst-cell-val{font-family:var(--fh);color:var(--t1);font-size:16px;font-weight:800}.gst-cell-lbl{font-size:8px;font-family:var(--fh);text-transform:uppercase;letter-spacing:1px;color:var(--t3);margin-bottom:3px;font-weight:700}@media (width<=640px){.bill-kpi-row{grid-template-columns:repeat(2,1fr)}.gst-grid{grid-template-columns:1fr 1fr}}#notif-panel{flex-direction:column;max-height:80vh;display:flex;overflow-y:auto}.notif-tabs{gap:4px;padding:10px 16px 0;display:flex}.notif-tab{font-size:11px;font-weight:500;font-family:var(--fb);cursor:pointer;color:var(--t2);background:0 0;border:none;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;transition:background .15s,color .15s;display:flex}.notif-tab.active{background:var(--accent-s);color:var(--accent);font-weight:600}.notif-tab:hover:not(.active){background:var(--bg4);color:var(--t1)}.notif-tab-count{font-size:9px;font-family:var(--fm);background:var(--accent-g);color:var(--accent);border-radius:99px;padding:1px 5px;font-weight:700}.notif-tab.active .notif-tab-count{background:var(--accent);color:#fff}.notif-tabs-border{background:var(--border);height:1px;margin:10px 0 0}.notif-unread-dot{background:var(--accent);opacity:0;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px;transition:opacity .15s}.notif-item.unread .notif-unread-dot{opacity:1}.notif-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.notif-icon-logbook{color:var(--accent);background:#9d6fff1f}.notif-icon-gps{color:var(--green);background:#00e5a01a}.notif-icon-camera{color:var(--amber);background:#ffaa001a}.notif-icon-general{background:var(--bg5);color:var(--t2)}.nav-item[data-action=alerts] svg{transition:color .2s,stroke .2s}.nav-item[data-action=alerts].has-unread svg{stroke:var(--accent);opacity:1}.notif-hd{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1;background:#10101efa;flex-direction:column;padding:0;display:flex;position:sticky;top:0}.notif-count-badge{background:var(--red);color:#fff;font-size:8px;font-family:var(--fm);border-radius:var(--rf);text-align:center;min-width:16px;padding:2px 5px;font-weight:700}.notif-item{border-bottom:1px solid var(--border);cursor:default;align-items:flex-start;gap:9px;padding:11px 16px;transition:background .15s;display:flex}.notif-item:hover{background:var(--bg3)}.notif-item.unread{background:var(--accent-d)}.notif-title{color:var(--t1);font-size:12px;font-weight:600}.notif-body{color:var(--t2);margin-top:2px;font-size:11px;line-height:1.4}.notif-time{color:var(--t3);white-space:nowrap;flex-shrink:0;margin-top:2px;font-size:10px}.overlay{-webkit-backdrop-filter:blur(2px);z-index:1000;will-change:opacity, backdrop-filter;background:#04041259;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out forwards fadeInOverlay;display:none;position:fixed;inset:0}.overlay.active{display:flex}.modal-overlay{-webkit-backdrop-filter:blur(2px);z-index:1000;will-change:opacity, backdrop-filter;background:#04041259;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out forwards fadeInOverlay;display:flex;position:fixed;inset:0}.modal{-webkit-backdrop-filter:blur(48px)saturate(180%);transform-origin:50%;will-change:transform, opacity;background:#10101eb8;border:1px solid #ffffff14;border-top-color:#ffffff21;border-radius:20px;width:100%;max-width:440px;padding:22px;animation:.3s cubic-bezier(.16,1,.3,1) forwards popInModal;box-shadow:0 32px 80px #0009,0 0 0 1px #9d6fff1a,inset 0 1px #ffffff12}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-title{font-size:15px;font-weight:700;font-family:var(--fh);color:var(--t1)}.modal-close{color:var(--t3);cursor:pointer;border-radius:var(--r);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex}.modal-close:hover{color:var(--t1);background:var(--bg5)}.modal-body{max-height:70vh;overflow-y:auto}.modal.wide{flex-direction:column;max-width:640px;max-height:90vh;display:flex;overflow:hidden}.modal.compact{max-width:380px;padding:18px}.modal.xl{flex-direction:column;max-width:540px;max-height:92vh;display:flex;overflow:hidden}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;display:flex}.form-row{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--t1);font-size:11px;font-weight:700;font-family:var(--fm);letter-spacing:.5px;text-transform:uppercase}.form-input,.form-select{width:100%;color:var(--t1);background:var(--bg3);border:1px solid var(--border2);border-radius:var(--rmd);outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s ease-in-out}.form-input:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-s);background:var(--bg2)}textarea.form-input{resize:vertical;min-height:80px}@keyframes fadeInOverlay{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@keyframes popInModal{0%{opacity:0;transform:scale(.92)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.mhd{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mhd h3{font-size:14px;font-family:var(--fh);color:var(--t1);font-weight:700}.mbody{flex:1;padding-right:4px;overflow-y:auto}.lbl{text-transform:uppercase;letter-spacing:1.2px;color:var(--t1);font-size:9px;font-weight:700;font-family:var(--fh);margin-bottom:5px;display:block}.inp{border-radius:var(--rmd);width:100%;font-size:13px;font-family:var(--fm);color:var(--t1);background:var(--bg5);border:none;outline:none;margin-bottom:12px;padding:10px 12px;transition:all .18s;display:block}.inp:focus{background:var(--bg5);box-shadow:0 0 0 2px var(--accent)}.inp.sm{font-size:12px;font-family:var(--fb);margin-bottom:8px;padding:8px 10px}.inp.center{text-align:center;letter-spacing:.2em;font-size:16px}.frow{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fgrp{margin-bottom:10px}.fdivider{align-items:center;gap:10px;margin:16px 0 12px;display:flex}.fdivider span{font-size:8px;font-family:var(--fh);text-transform:uppercase;letter-spacing:1.5px;color:var(--t4);white-space:nowrap;font-weight:700}.fdivider:before,.fdivider:after{content:"";background:var(--border);flex:1;height:1px}select{border-radius:var(--rmd);background:var(--bg5);color:var(--t1);cursor:pointer;width:100%;font-size:12px;font-family:var(--fb);border:none;outline:none;margin-bottom:12px;padding:9px 10px;transition:all .18s}select:focus{box-shadow:0 0 0 2px var(--accent)}.btn-primary{background:var(--accent);color:#000;border-radius:var(--rmd);width:100%;font-size:11px;font-family:var(--fh);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;box-shadow:0 4px 14px var(--accent-g);border:none;padding:12px;font-weight:700;transition:all .2s}.btn-primary:hover{opacity:.9;box-shadow:0 6px 20px var(--accent-g);transform:translateY(-1px)}.btn-icon-sm{border:1px solid var(--border);background:var(--bg4);cursor:pointer;border-radius:var(--rmd);width:32px;height:32px;color:var(--t3);flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:inline-flex}.btn-icon-sm:hover{background:var(--bg5);color:var(--t1);border-color:var(--border3)}.btn-icon-sm.acc:hover{background:var(--accent-s);color:var(--accent);border-color:var(--accent-g)}.btn-icon-sm.red:hover{background:var(--red-s);color:var(--red);border-color:#ff44664d}.btn-sm{font-size:10px;font-family:var(--fh);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--rf);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:6px 12px;font-weight:700;transition:all .18s;display:inline-flex}.btn-sm.accent{background:var(--accent-s);color:var(--accent);border-color:var(--accent-g)}.btn-sm.accent:hover{background:var(--accent);color:#000}.btn-sm.green{background:var(--green-s);color:var(--green);border-color:var(--green-g)}.btn-sm.green:hover{background:var(--green);color:#000}.btn-sm.outline{background:var(--bg4);color:var(--t2);border-color:var(--border2)}.btn-sm.outline:hover{border-color:var(--border3);color:var(--t1)}.btn-sm.red{background:var(--red-s);color:var(--red);border-color:#ff44664d}.btn-sm.red:hover{background:var(--red);color:#fff}.btn-outline-red{background:var(--red-s);border:1px solid var(--red);width:100%;color:var(--red);border-radius:var(--rmd);font-size:11px;font-family:var(--fh);text-transform:uppercase;letter-spacing:1px;cursor:pointer;justify-content:center;align-items:center;gap:7px;margin-top:10px;padding:11px;font-weight:700;transition:all .2s;display:flex}.btn-outline-red:hover{background:var(--red);color:#fff}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;display:flex}.empty-state svg{stroke:var(--t4);opacity:.5}.empty-state h4{font-family:var(--fh);color:var(--t2);font-size:13px}.empty-state p{font-size:11px;font-family:var(--fm);color:var(--t3);max-width:240px}.empty-msg{color:var(--t3);text-align:center;font-size:11px;font-family:var(--fm);padding:24px 0}.tabs{background:var(--bg4);border-radius:var(--rmd);border:1px solid var(--border);flex-shrink:0;gap:3px;margin-bottom:16px;padding:3px;display:flex}.tab{border-radius:var(--rmd);font-size:9px;font-family:var(--fh);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;color:var(--t3);text-align:center;background:0 0;border:none;flex:1;padding:7px;font-weight:700;transition:all .18s}.tab.active{background:var(--bg3);color:var(--t1);box-shadow:var(--sh)}.tab-panel{display:none}.tab-panel.active{animation:.2s fadeIn;display:block}.section-card{background:var(--bg3);border-radius:var(--rlg);border:none;margin-bottom:12px;overflow:hidden}.section-card-head{border-bottom:1px solid var(--border);font-family:var(--fh);color:var(--t2);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:12px;font-weight:700;display:flex}.comp-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:11px 14px;display:flex}.comp-row:last-child{border-bottom:none}.comp-row:hover{background:var(--bg5)}.comp-name{color:var(--t1);font-size:12px;font-weight:600}.comp-meta{color:var(--t3);font-size:10px;font-family:var(--fm);margin-top:2px}.exp-badge{border-radius:var(--rf);font-size:8px;font-family:var(--fh);text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;font-weight:700}.exp-badge.ok{background:var(--green-s);color:var(--green);border:1px solid var(--green-g)}.exp-badge.warn{background:var(--amber-s);color:var(--amber);border:1px solid #ffaa004d}.exp-badge.expired{background:var(--red-s);color:var(--red);border:1px solid #ff44664d}.exp-badge.none{background:var(--bg4);color:var(--t4);border:1px solid var(--border)}.maint-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:12px 0;display:flex}.maint-item:last-child{border-bottom:none}.maint-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:4px}.maint-dot.done{background:var(--green);box-shadow:0 0 5px var(--green)}.maint-dot.upcoming{background:var(--amber);box-shadow:0 0 5px var(--amber)}.maint-dot.overdue{background:var(--red);box-shadow:0 0 5px var(--red)}.spec-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.spec-item{background:var(--bg4);border-radius:var(--rmd);border:none;padding:12px}.spec-lbl{font-size:8px;font-family:var(--fh);text-transform:uppercase;letter-spacing:1px;color:var(--t4);margin-bottom:4px;font-weight:700}.spec-val{font-size:12px;font-family:var(--fm);color:var(--t1)}.op-mgmt-item{background:var(--bg4);border-radius:var(--rmd);border:none;align-items:center;gap:9px;padding:9px 12px;transition:background .18s;display:flex}.op-mgmt-item:hover{background:var(--bg5)}.op-mgmt-list{flex-direction:column;gap:5px;display:flex}.op-mgmt-av{background:var(--accent-s);border:1px solid var(--accent-g);width:30px;height:30px;font-size:9px;font-family:var(--fh);color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.op-select-item{border-radius:var(--rmd);cursor:pointer;background:var(--bg4);border:none;align-items:center;gap:10px;padding:10px;transition:all .18s;display:flex}.op-select-item:hover{background:var(--bg5)}.op-select-item.active{background:var(--accent-s);box-shadow:0 0 0 1px var(--accent);border:none}.file-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 14px;transition:background .15s;display:flex}.file-item:last-child{border-bottom:none}.file-item:hover{background:var(--bg4)}.file-icon{background:var(--bg4);border:1px solid var(--border);border-radius:var(--rmd);width:32px;height:32px;color:var(--t3);flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-name{color:var(--t1);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:12px;font-weight:500;overflow:hidden}.file-meta{font-size:9px;font-family:var(--fm);color:var(--t3);margin-top:2px}.upload-zone{border:2px dashed var(--border2);border-radius:var(--rlg);text-align:center;background:var(--bg4);margin-bottom:14px;padding:24px 16px;transition:all .2s}.upload-zone:hover{border-color:var(--accent);background:var(--accent-d)}.file-input-wrap{display:inline-block;position:relative}.file-input-wrap input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file-btn{background:var(--accent-s);color:var(--accent);border:1px solid var(--accent-g);border-radius:var(--rf);font-size:9px;font-family:var(--fh);text-transform:uppercase;letter-spacing:.8px;cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-weight:700;transition:all .18s;display:inline-flex}.file-btn:hover{background:var(--accent);color:#000}.voice-wrap{flex-direction:column;align-items:center;gap:12px;padding:20px 16px;display:flex}.mic-btn{border:1px solid var(--border2);cursor:pointer;background:var(--bg4);width:70px;height:70px;color:var(--t3);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.mic-btn:hover{border-color:var(--accent);background:var(--accent-s);color:var(--accent)}.mic-btn.recording{background:var(--accent-s);border-color:var(--accent);color:var(--accent);animation:1.4s infinite recPulse}@keyframes recPulse{0%,to{box-shadow:0 0 0 0 var(--accent-g)}50%{box-shadow:0 0 0 12px #0000}}#voice-transcript{font-size:11px;font-family:var(--fm);color:var(--accent);text-align:center;background:var(--accent-s);border:1px solid var(--accent-g);border-radius:var(--rmd);width:100%;margin-top:12px;padding:10px;display:none}#preview-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;background:#000000eb;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}#preview-overlay.active{display:flex}.prev-box{background:var(--bg3);border:1px solid var(--border);border-radius:var(--rxl);width:100%;max-width:700px;max-height:92vh;box-shadow:var(--shm);flex-direction:column;animation:.2s slideUp;display:flex;overflow:hidden}.prev-head{border-bottom:1px solid var(--border);background:var(--bg4);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;display:flex}.prev-body{background:var(--bg);flex:1;justify-content:center;align-items:flex-start;padding:18px;display:flex;overflow:auto}.prev-body img{object-fit:contain;border-radius:var(--rmd);max-width:100%;height:auto}.prev-body iframe{border-radius:var(--rmd);border:none;width:100%;height:62vh}.confirm-overlay{-webkit-backdrop-filter:blur(2px);z-index:3000;background:#04041259;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.confirm-overlay.active{display:flex}.vin-strip{background:var(--accent-s);border:1px solid var(--accent-g);border-radius:var(--rmd);font-size:10px;font-family:var(--fm);color:var(--accent);flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:10px;padding:9px 12px;display:none}.vin-strip.show{display:flex}.vin-chip{border:1px solid var(--accent);border-radius:var(--rf);font-size:8px;font-family:var(--fh);text-transform:uppercase;background:#00d4ff1f;padding:2px 7px;font-weight:700}.archive-toggle{background:var(--bg4);border:1px solid var(--border);border-radius:var(--rmd);cursor:pointer;width:100%;font-size:10px;font-family:var(--fh);color:var(--t2);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;padding:10px 12px;font-weight:700;transition:all .18s;display:flex}.archive-toggle:hover{border-color:var(--border3)}.archive-toggle svg{transition:transform .3s}.archive-toggle.open svg{transform:rotate(180deg)}.archive-list{border:1px solid var(--border);border-radius:0 0 var(--rmd) var(--rmd);background:var(--bg4);border-top:none;display:none;overflow:hidden}.archive-list.open{display:block}@media (width<=640px){:root{--sidebar:0px;--sidebar-collapsed:0px}.sidebar{display:none!important}.topbar-left{display:none}#btn-hamburger{display:flex!important}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:8px}.kpi-card{aspect-ratio:1;width:100%;height:auto;padding:12px}.a-grid-2,.a-grid-3,.a-grid-2b,.time-row,.frow,.spec-grid{grid-template-columns:1fr}.log-actions{grid-template-columns:repeat(2,1fr)}.crane-top{flex-direction:column;gap:8px}.badges{justify-content:flex-start}.page-content{padding:14px 12px 16px}.fuel-summary-grid{grid-template-columns:repeat(2,1fr)}.camera-grid{grid-template-columns:1fr}}#mobile-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:800;background:#0009;display:none;position:fixed;inset:0}#mobile-drawer-overlay.open{display:block}#mobile-drawer{background:var(--bg2);border-right:1px solid var(--border);z-index:900;flex-direction:column;width:240px;height:100vh;transition:left .28s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:-260px;overflow-y:auto;box-shadow:4px 0 24px #00000080}#mobile-drawer.open{left:0}.drawer-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;height:52px;padding:0 16px;display:flex}.drawer-logo{background:var(--accent-s);border:1px solid var(--accent-g);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.drawer-brand{font-family:var(--fh);color:var(--t1);font-size:15px;font-weight:800}.drawer-close{background:var(--bg4);border:1px solid var(--border2);border-radius:var(--rmd);cursor:pointer;width:28px;height:28px;color:var(--t3);justify-content:center;align-items:center;margin-left:auto;display:flex}#profile-panel{flex-direction:column;max-height:90vh;display:flex;overflow-y:auto}.pp-head{border-bottom:1px solid var(--border);flex-shrink:0;padding:18px 16px 14px}.pp-avatar-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.pp-avatar{background:var(--accent-s);border:2px solid var(--accent-g);width:48px;height:48px;font-size:16px;font-family:var(--fh);color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.pp-name{color:var(--t1);font-size:14px;font-weight:700;font-family:var(--fh)}.pp-role{font-size:9px;font-family:var(--fh);text-transform:uppercase;letter-spacing:1px;color:var(--accent);background:var(--accent-s);border:1px solid var(--accent-g);border-radius:var(--rf);margin-top:3px;padding:2px 8px;font-weight:700;display:inline-block}.pp-body{flex:1;padding:14px 16px}.pp-section{font-size:9px;font-family:var(--fh);text-transform:uppercase;letter-spacing:1.5px;color:var(--t4);align-items:center;gap:8px;margin:16px 0 8px;font-weight:700;display:flex}.pp-section:after{content:"";background:var(--border);flex:1;height:1px}.pp-section:first-child{margin-top:0}.pp-field{margin-bottom:10px}.pp-label{text-transform:uppercase;letter-spacing:1px;color:var(--t3);font-size:9px;font-weight:700;font-family:var(--fh);margin-bottom:4px;display:block}.pp-input{background:var(--bg4);border:1px solid var(--border2);border-radius:var(--rmd);width:100%;font-size:12px;font-family:var(--fm);color:var(--t1);outline:none;padding:9px 11px;transition:all .18s}.pp-input:focus{border-color:var(--accent);background:var(--bg3);box-shadow:0 0 0 3px var(--accent-s)}.pp-input::placeholder{color:var(--t3)}.pp-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pp-save{background:var(--accent);color:#000;border-radius:var(--rmd);width:100%;font-size:11px;font-family:var(--fh);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;border:none;margin-top:6px;padding:11px;font-weight:700;transition:all .2s}.pp-save:hover{opacity:.9;transform:translateY(-1px)}.pp-footer{border-top:1px solid var(--border);flex-shrink:0;padding:14px 16px}.integration-bar{background:var(--bg3);border-radius:var(--rlg);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;padding:12px 16px;display:flex}.int-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.int-status-dot.connected{background:var(--green);box-shadow:0 0 6px var(--green)}.int-status-dot.error{background:var(--red);box-shadow:0 0 6px var(--red)}.int-status-dot.idle{background:var(--t4)}.int-label{color:var(--t1);flex:1;min-width:0;font-size:11px;font-weight:600}.int-sub{font-size:9px;font-family:var(--fm);color:var(--t3);margin-top:2px}@keyframes spin{to{transform:rotate(360deg)}}.earnings-card{background:var(--bg3);border-radius:var(--rlg);margin-bottom:10px;padding:16px}.earnings-reg{font-family:var(--fh);color:var(--accent);font-size:16px;font-weight:800}.earnings-spec{color:var(--t2);font-size:10px;font-family:var(--fm);margin-top:2px}.earnings-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0;display:grid}.e-cell{background:var(--bg4);border-radius:var(--rmd);padding:10px 12px}.e-cell-lbl{font-size:8px;font-family:var(--fh);text-transform:uppercase;letter-spacing:1px;color:var(--t3);margin-bottom:3px;font-weight:700}.e-cell-val{font-size:14px;font-family:var(--fh);font-weight:800;line-height:1}.e-cell-sub{font-size:9px;font-family:var(--fm);color:var(--t3);margin-top:2px}.pnl-bar{border-radius:var(--rf);background:var(--bg5);height:6px;margin-top:8px;position:relative;overflow:hidden}.pnl-bar-fill{border-radius:var(--rf);height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.emi-pill{background:var(--bg4);border:1px solid var(--border);border-radius:var(--rf);font-size:9px;font-family:var(--fm);color:var(--t2);align-items:center;gap:5px;margin-top:6px;padding:3px 8px;display:inline-flex}.att-card{background:var(--bg3);border-radius:var(--rlg);border:1px solid var(--border);margin-bottom:10px;padding:16px}.att-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.att-name{color:var(--t1);font-size:14px;font-weight:700;font-family:var(--fh)}.att-phone{font-size:10px;font-family:var(--fm);color:var(--t3);margin-top:2px}.att-calendar{grid-template-columns:repeat(7,1fr);gap:0;margin:8px 0;display:grid}.att-day-label{font-size:8px;font-family:var(--fb);text-transform:uppercase;color:var(--t3);text-align:center;letter-spacing:.3px;padding:4px 0 6px;font-weight:600}.att-ring-cell{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:3px 2px;transition:background .15s;display:flex;position:relative}.att-ring-cell:hover{background:var(--bg4)}.att-ring-cell.future{opacity:.22;pointer-events:none}#att-day-tip{z-index:9999;pointer-events:none;opacity:0;background:var(--bg3);border:1px solid var(--border);border-radius:12px;min-width:180px;max-width:260px;padding:10px 13px;transition:opacity .15s,transform .15s;position:fixed;transform:translateY(6px)scale(.97);box-shadow:0 8px 32px #00000059,0 0 0 1px #ffffff0a}#att-day-tip.visible{opacity:1;transform:translateY(0)scale(1)}.adtip-date{font-family:var(--fh);color:var(--t1);justify-content:space-between;align-items:center;margin-bottom:7px;font-size:10px;font-weight:800;display:flex}.adtip-badge{font-size:8px;font-family:var(--fm);border-radius:20px;padding:2px 6px;font-weight:600}.adtip-badge.present{color:var(--green);background:#00e5a026}.adtip-badge.absent{color:var(--red);background:#ff44661f}.adtip-entry{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:5px 0;display:flex}.adtip-entry:first-of-type{border-top:none;padding-top:0}.adtip-time{font-family:var(--fm);color:var(--t2);font-size:10px}.adtip-hrs{font-family:var(--fh);font-size:11px;font-weight:700}.adtip-bill{font-family:var(--fm);color:var(--t3);margin-top:1px;font-size:9px}.adtip-notes{color:var(--t3);white-space:nowrap;text-overflow:ellipsis;max-width:200px;margin-top:2px;font-size:9px;font-style:italic;overflow:hidden}.adtip-empty{font-size:10px;font-family:var(--fm);color:var(--t4);text-align:center;padding:4px 0}.att-ring-arc{transition:stroke-dashoffset .75s cubic-bezier(.34,1.2,.64,1)}.att-ring-cell.ot-day .att-ring-arc{filter:drop-shadow(0 0 3px var(--green))}.att-ring-cell.full-day .att-ring-arc{filter:drop-shadow(0 0 4px #9d6fff8c)}.att-ring-cell.partial-day .att-ring-arc{filter:drop-shadow(0 0 2px #9d6fff59)}#attendance-list{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=900px){#attendance-list{grid-template-columns:1fr}}.salary-box{background:var(--bg4);border-radius:var(--rlg);margin-top:10px;padding:14px}.salary-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:5px 0;font-size:11px;display:flex}.salary-row:last-child{border-bottom:none}.salary-row.total{font-family:var(--fh);border-top:1px solid var(--border2);margin-top:4px;padding-top:8px;font-size:13px;font-weight:700}.salary-row.advance{color:var(--amber)}.salary-row.pending{color:var(--green)}.salary-row.overpaid{color:var(--red)}.adv-item{border-bottom:1px solid var(--border);font-size:10px;font-family:var(--fm);justify-content:space-between;align-items:center;padding:5px 0;display:flex}.adv-item:last-child{border-bottom:none}@media (width<=640px){.earnings-grid{grid-template-columns:1fr 1fr}}.fuel-summary-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.fuel-stat{background:var(--bg3);border-radius:var(--rlg);padding:14px}.fuel-stat-val{font-family:var(--fh);color:var(--t1);font-size:20px;font-weight:800}.fuel-stat-lbl{font-size:9px;font-family:var(--fm);color:var(--t3);margin-top:3px}.fuel-asset-card{background:var(--bg3);border-radius:var(--rlg);margin-bottom:10px;padding:16px;transition:background .18s}.fuel-asset-card:hover{background:var(--bg4)}.fuel-card-head{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.fuel-reg{font-family:var(--fh);color:var(--accent);font-size:15px;font-weight:800}.fuel-spec{color:var(--t2);margin-top:2px;font-size:10px}.fuel-bar-wrap{background:var(--bg5);border-radius:var(--rf);height:5px;margin:10px 0 4px;overflow:hidden}.fuel-bar-fill{border-radius:var(--rf);height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.fuel-log-table{border-collapse:collapse;width:100%;margin-top:8px}.fuel-log-table th{font-size:8px;font-family:var(--fh);text-transform:uppercase;letter-spacing:1px;color:var(--t3);text-align:left;border-bottom:1px solid var(--border);padding:5px 8px;font-weight:700}.fuel-log-table td{font-size:10px;font-family:var(--fm);color:var(--t2);border-bottom:1px solid var(--border);padding:7px 8px}.fuel-log-table tr:last-child td{border-bottom:none}.fuel-log-table tr:hover td{background:var(--bg5)}.fuel-efficiency{flex-wrap:wrap;align-items:center;gap:16px;margin-top:6px;display:flex}.fuel-eff-val{font-family:var(--fh);color:var(--t1);margin-right:3px;font-size:11px;font-weight:700}.fuel-collapse-btn{cursor:pointer;color:var(--t3);font-size:10px;font-family:var(--fh);text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;align-items:center;gap:5px;padding:6px 0;font-weight:700;transition:color .18s;display:flex}.fuel-collapse-btn:hover{color:var(--t1)}.fuel-collapse-btn svg{transition:transform .25s}.fuel-collapse-btn.open svg{transform:rotate(180deg)}.fuel-log-wrap{display:none}.fuel-log-wrap.open{display:block}.diag-summary-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.diag-stat{background:var(--bg3);border-radius:var(--rlg);padding:14px;position:relative;overflow:hidden}.diag-stat:after{content:"";height:2px;position:absolute;top:0;left:0;right:0}.diag-stat-val{font-family:var(--fh);color:var(--t1);font-size:20px;font-weight:800}.diag-stat-lbl{font-size:9px;font-family:var(--fm);color:var(--t3);margin-top:3px}.diag-asset-card{background:var(--bg3);border-radius:var(--rlg);margin-bottom:10px;padding:16px;transition:background .18s}.diag-asset-card:hover{background:var(--bg4)}.diag-card-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.diag-reg{font-family:var(--fh);color:var(--accent);font-size:15px;font-weight:800}.diag-spec{color:var(--t2);font-size:10px;font-family:var(--fm);margin-top:2px}.diag-health-pill{border-radius:var(--rf);font-size:9px;font-family:var(--fh);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:5px;padding:3px 10px;font-weight:700;display:inline-flex}.diag-health-pill.good{background:var(--green-s);color:var(--green);border:1px solid var(--green-g)}.diag-health-pill.warning{background:var(--amber-s);color:var(--amber);border:1px solid #ffaa004d}.diag-health-pill.critical{background:var(--red-s);color:var(--red);border:1px solid #ff44664d}.diag-health-pill.offline{background:var(--bg4);color:var(--t3);border:1px solid var(--border)}.diag-health-dot{border-radius:50%;width:6px;height:6px}.diag-health-pill.good .diag-health-dot{background:var(--green);box-shadow:0 0 5px var(--green)}.diag-health-pill.warning .diag-health-dot{background:var(--amber);box-shadow:0 0 5px var(--amber)}.diag-health-pill.critical .diag-health-dot{background:var(--red);box-shadow:0 0 5px var(--red)}.diag-health-pill.offline .diag-health-dot{background:var(--t4)}.diag-metrics{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-bottom:10px;display:grid}.diag-metric{background:var(--bg4);border-radius:var(--rmd);padding:10px 12px}.diag-metric-lbl{font-size:8px;font-family:var(--fh);text-transform:uppercase;letter-spacing:1px;color:var(--t3);margin-bottom:3px;font-weight:700}.diag-metric-val{font-size:14px;font-family:var(--fh);font-weight:800;line-height:1}.diag-metric-unit{font-size:9px;font-family:var(--fm);color:var(--t3);margin-top:2px}.diag-faults{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.diag-fault{font-size:8px;font-family:var(--fh);text-transform:uppercase;letter-spacing:.3px;border-radius:var(--rf);align-items:center;gap:4px;padding:3px 8px;font-weight:700;display:flex}.diag-fault.warn{background:var(--amber-s);color:var(--amber);border:1px solid #ffaa004d}.diag-fault.critical{background:var(--red-s);color:var(--red);border:1px solid #ff44664d}.diag-timeline{background:var(--bg4);border-radius:var(--rmd);margin-top:8px;overflow:hidden}.diag-tl-head{background:var(--bg5);justify-content:space-between;align-items:center;padding:5px 10px;display:flex}.diag-tl-hl{font-size:8px;font-family:var(--fh);text-transform:uppercase;letter-spacing:.8px;color:var(--t3);font-weight:700}.diag-tl-row{border-top:1px solid var(--border);font-size:9px;font-family:var(--fm);color:var(--t2);grid-template-columns:1.2fr .6fr .6fr .6fr .6fr;align-items:center;gap:4px;padding:6px 10px;display:grid}.diag-tl-row:hover{background:var(--bg5)}.diag-fleet-strip{background:var(--bg4);border-radius:var(--rmd);flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;padding:8px 10px;display:flex}@media (width<=640px){.diag-summary-grid{grid-template-columns:repeat(2,1fr)}.diag-metrics{grid-template-columns:1fr 1fr}}.camera-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.cam-card{background:var(--bg3);border-radius:var(--rlg);transition:background .18s;overflow:hidden}.cam-card:hover{background:var(--bg4)}.cam-feed{aspect-ratio:16/9;background:var(--bg);flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.cam-feed iframe,.cam-feed img{object-fit:cover;border:none;width:100%;height:100%;display:block}.cam-feed-placeholder{color:var(--t4);flex-direction:column;align-items:center;gap:8px;display:flex}.cam-feed-placeholder span{font-size:10px;font-family:var(--fm)}.cam-info{justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.cam-label{color:var(--t1);font-size:12px;font-weight:600}.cam-reg{font-size:9px;font-family:var(--fm);color:var(--accent);margin-top:2px}.cam-type-badge{font-size:8px;font-family:var(--fh);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--rf);background:var(--bg5);color:var(--t3);padding:2px 7px;font-weight:700}.cam-actions{gap:4px;display:flex}.asset-row{background:var(--bg3);border:1px solid var(--border);border-radius:var(--rlg);cursor:default;align-items:center;gap:12px;margin-bottom:8px;padding:14px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.asset-row:hover{background:var(--bg4);border-color:var(--border2);box-shadow:0 4px 16px #0000001f}.asset-row-reg{font-family:var(--fh);color:var(--accent);flex-shrink:0;font-size:15px;font-weight:800}.asset-row-spec{color:var(--t2);font-size:10px;font-family:var(--fm);margin-top:2px}.asset-row-info{flex:1;min-width:0}.asset-row-right{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;display:flex}.op-row{background:var(--bg3);border:1px solid var(--border);border-radius:var(--rlg);align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.op-row:hover{background:var(--bg4);border-color:var(--border2);box-shadow:0 4px 16px #0000001f}.op-row-av{background:var(--accent-s);border:1px solid var(--accent-g);width:38px;height:38px;font-size:11px;font-family:var(--fh);color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.op-row-name{color:var(--t1);font-size:13px;font-weight:600}.op-row-meta{font-size:10px;font-family:var(--fm);color:var(--t2);flex-wrap:wrap;align-items:center;gap:8px;margin-top:3px;display:flex}.op-row-info{flex:1;min-width:0}.op-row-right{flex-shrink:0;align-items:center;gap:6px;display:flex}#app-shell{background:radial-gradient(80% 60% at 0 0,#9d6fff0d 0%,#0000 55%),radial-gradient(60% 40% at 100% 100%,#d946ef0a 0%,#0000 50%)}.body-split{gap:8px;height:100vh;padding:8px}.sidebar{border:1px solid var(--border2);background:linear-gradient(160deg,#0f0f1e 0%,#080812 100%);border-radius:20px;box-shadow:0 8px 48px #000000a6,0 0 0 1px #9d6fff14,inset 0 1px #ffffff0a}.sidebar-brand-mark{background:linear-gradient(135deg,#9d6fff40 0%,#d946ef1f 100%);border-color:#9d6fff4d;box-shadow:0 0 16px #9d6fff33}#btn-sidebar-toggle:hover{background:var(--accent-s);color:var(--accent);box-shadow:0 0 12px #9d6fff26}.nav-item.active{color:#f2f2ff;background:linear-gradient(90deg,#9d6fff2e 0%,#9d6fff0a 100%)}.nav-item.active:before{background:var(--accent-grd);width:3px;box-shadow:0 0 8px #9d6fff80}.nav-item:hover{color:var(--t1);background:#9d6fff12}.sidebar.collapsed .nav-item:hover:before{background:#9d6fff12}.sidebar.collapsed .nav-item.active:before{background:linear-gradient(90deg,#9d6fff2e 0%,#9d6fff0a 100%)}.nav-section-label{color:#9d6fff80}.nav-tooltip{background:var(--bg4);border:1px solid var(--border2);box-shadow:0 8px 32px #000000b3,0 0 16px #9d6fff1a}.nav-count{color:#9d6fffb3;background:#9d6fff1a;border:1px solid #9d6fff26}.kpi-card{background:var(--bg3);border:1px solid var(--border);box-shadow:var(--card-shadow)}.kpi-card:hover{background:var(--bg4);border-color:var(--border2);box-shadow:var(--card-shadow-hover)}.kpi-card:after{background:var(--kc,var(--accent-grd));opacity:.85}.kpi-val{color:#fff;text-shadow:0 0 40px #9d6fff4d}.kpi-label{color:var(--t2);letter-spacing:1.5px}.chart-card,.crane-card{background:var(--bg3);border:1px solid var(--border);box-shadow:var(--card-shadow)}.crane-card:hover{background:var(--bg4);border-color:var(--border2);box-shadow:var(--card-shadow-hover)}.crane-reg{background:var(--accent-grd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.search-box{background:var(--bg4);border-color:var(--border2);border-radius:var(--rf)}.search-box:focus-within{border-color:#9d6fff73;box-shadow:0 0 0 3px #9d6fff14}.fpill.active{color:#c4a8ff;background:#9d6fff24;border:1px solid #9d6fff40}.login-btn{background:var(--accent-grd);color:#fff;box-shadow:0 4px 28px #9d6fff73}.login-btn:hover{opacity:.95;box-shadow:0 8px 40px #9d6fff8c}.tb-btn.accent{background:#9d6fff1a;border-color:#9d6fff40}.tb-btn.accent:hover{background:var(--accent-grd);color:#fff;border-color:#0000;box-shadow:0 4px 20px #9d6fff59}.role-chip:hover{background:var(--accent-grd);color:#fff;border-color:#0000}.badge.accent{color:#c4a8ff;background:#9d6fff1f;border-color:#9d6fff38}.op-pill.on{box-shadow:0 0 12px #00e5a026}.op-pill.on .op-dot{box-shadow:0 0 6px var(--green), 0 0 12px #00e5a066}.login-glow{background:radial-gradient(circle,#9d6fff1a 0%,#d946ef0a 40%,#0000 70%);width:800px;height:800px}.login-card{background:var(--bg3);border:1px solid var(--border2);box-shadow:var(--shm), 0 0 60px #9d6fff14}.login-icon{background:#9d6fff1a;border-color:#9d6fff4d;box-shadow:0 0 40px #9d6fff40}.login-input:focus{border-color:#9d6fff80;box-shadow:0 0 0 3px #9d6fff1a}.notif-badge{background:linear-gradient(135deg,#f46,#f68);box-shadow:0 0 8px #ff446680}.toast{background:var(--bg4);border-color:var(--border2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.toast.info{border-color:#9d6fff66;box-shadow:0 4px 24px #9d6fff1a}.toast.success{border-color:#00e5a066;box-shadow:0 4px 24px #00e5a01a}.toast.error{border-color:#f466;box-shadow:0 4px 24px #ff44661a}.section-title{color:#9d6fff99}.ctab.active{background:var(--accent-grd);color:#fff;box-shadow:0 2px 12px #9d6fff4d}.bill-bar{background:#9d6fff12;border-color:#9d6fff33}::-webkit-scrollbar-thumb{background:#9d6fff33}::-webkit-scrollbar-thumb:hover{background:#9d6fff59}.nav-theme-row{cursor:pointer}.theme-toggle{background:var(--accent);border-radius:9px;flex-shrink:0;width:30px;height:17px;margin-left:auto;transition:background .22s;position:relative}.theme-knob{background:#fff;border-radius:50%;width:13px;height:13px;transition:left .22s,background .22s;position:absolute;top:2px;left:15px}[data-theme=light] .theme-toggle{background:var(--bg5)}[data-theme=light] .theme-knob{background:var(--t3);left:2px}.sidebar.collapsed .theme-toggle{display:none}.user-role-badge{font-size:8px;font-family:var(--fh);text-transform:uppercase;letter-spacing:1px;border-radius:var(--rf);background:var(--accent-s);color:var(--accent);border:1px solid var(--accent-g);white-space:nowrap;flex-shrink:0;padding:2px 6px;font-weight:700}.sidebar.collapsed .user-role-badge{display:none}.sidebar-user-clickable{cursor:pointer;border-radius:var(--rmd);margin:-6px -6px 4px;padding:6px;transition:background .18s}.sidebar-user-clickable:hover{background:var(--bg4)}.sidebar-user-clickable:hover .user-settings-icon{opacity:1}.user-settings-icon{color:var(--t3);opacity:0;flex-shrink:0;transition:opacity .18s}.sidebar.collapsed .user-settings-icon{display:none}[data-theme=light] .sidebar{background:linear-gradient(160deg, var(--bg2) 0%, var(--bg) 100%);border-color:var(--border2);box-shadow:0 8px 32px #0000001f,0 0 0 1px #7c3aed14}[data-theme=light] .nav-item.active{color:var(--t1);background:linear-gradient(90deg,#7c3aed1f 0%,#7c3aed05 100%)}[data-theme=light] .kpi-card,[data-theme=light] .chart-card,[data-theme=light] .crane-card{background:var(--bg3);border-color:var(--border);box-shadow:0 2px 12px #00000014}[data-theme=light] .kpi-card:hover,[data-theme=light] .crane-card:hover{border-color:var(--border2);box-shadow:0 6px 24px #7c3aed1a}[data-theme=light] .asset-row{background:var(--bg3);border-color:var(--border);box-shadow:0 2px 12px #00000014}[data-theme=light] .asset-row:hover{border-color:var(--border2);box-shadow:0 6px 24px #7c3aed1a}[data-theme=light] .op-row{background:var(--bg3);border-color:var(--border);box-shadow:0 2px 12px #00000014}[data-theme=light] .op-row:hover{border-color:var(--border2);box-shadow:0 6px 24px #7c3aed1a}[data-theme=light] .modal{background:#f8faffd1;border:1px solid #00000014;border-top-color:#ffffffe6;box-shadow:0 24px 64px #0000002e,0 0 0 1px #7c3aed0f}[data-theme=light] .nav-tooltip{background:var(--bg3);border-color:var(--border2);color:var(--t1)}[data-theme=light] .topbar-brand-name,[data-theme=light] .user-name{color:var(--t1)}.nav-item{font-family:var(--fb);letter-spacing:-.1px;height:38px;font-size:13px;font-weight:450}:root:not([data-theme=light]) .nav-item{color:#8080b4b3}:root:not([data-theme=light]) .nav-item:hover{color:#c8c8f0d9}:root:not([data-theme=light]) .nav-item.active{color:#f2f2ff}.nav-item.active{letter-spacing:-.1px;font-weight:600}.nav-item svg{width:16px;height:16px}.nav-section-label{letter-spacing:0;font-size:10px;font-weight:600}:root:not([data-theme=light]) .nav-section-label{color:var(--t3)}.user-name{font-family:var(--fb);letter-spacing:-.1px;font-size:13px;font-weight:500}.topbar-brand-name{font-family:var(--fh);letter-spacing:-.2px;font-size:14px;font-weight:700}:root:not([data-theme=light]) .topbar-brand-name{color:#f2f2fff2}.kpi-label{font-family:var(--fb);letter-spacing:.3px;text-transform:uppercase;font-size:10px;font-weight:500}:root:not([data-theme=light]) .kpi-label{color:var(--t2)}.kpi-val{font-family:var(--fh);letter-spacing:-.5px;font-size:28px;font-weight:700;line-height:1}:root:not([data-theme=light]) .kpi-val{color:var(--t1)}.card-title{font-family:var(--fb);letter-spacing:-.2px;font-size:14px;font-weight:600}.card-sub{font-family:var(--fb);font-size:11px;font-weight:400}:root:not([data-theme=light]) .card-sub{color:var(--t2)}.section-title{font-family:var(--fb);letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:600}.crane-reg{font-family:var(--fh);letter-spacing:-.3px;font-size:18px;font-weight:700}.nav-item.active:before{box-shadow:0 0 8px var(--accent), 0 0 18px #9d6fff59}.nav-item.active svg{filter:drop-shadow(0 0 4px #9d6fff80)}.sidebar-brand-mark{box-shadow:0 0 18px #9d6fff47,inset 0 1px #ffffff0f}.user-av{box-shadow:0 0 12px #9d6fff38}.crane-reg{filter:drop-shadow(0 0 6px #9d6fff52)}.fpill.active{box-shadow:0 0 10px #9d6fff47}.ctab.active{box-shadow:0 2px 12px #9d6fff4d}.theme-toggle{box-shadow:0 0 10px #9d6fff59}.notif-badge{box-shadow:0 0 6px var(--red), 0 0 12px #ff44664d}.nav-count.alert{box-shadow:0 0 6px #ff446680}.op-dot.on{box-shadow:0 0 5px var(--green), 0 0 10px #00e5a04d}[data-theme=light] .att-card{background:var(--bg2);border-color:var(--border2)}[data-theme=light] .att-ring-cell:hover{background:var(--bg3)}[data-theme=light] .att-ring-cell.full-day .att-ring-arc,[data-theme=light] .att-ring-cell.partial-day .att-ring-arc,[data-theme=light] .att-ring-cell.ot-day .att-ring-arc{filter:none}[data-theme=light] .nav-item.active:before{box-shadow:none}[data-theme=light] .nav-item.active svg{filter:none}[data-theme=light] .sidebar-brand-mark{box-shadow:0 0 10px #7c3aed1a}[data-theme=light] .crane-reg{filter:none}[data-theme=light] .fpill.active{box-shadow:none}[data-theme=light] .ctab.active{box-shadow:0 2px 8px #7c3aed26}[data-theme=light] .theme-toggle{box-shadow:0 0 6px #7c3aed33}[data-theme=light] .notif-badge,[data-theme=light] .nav-count.alert{box-shadow:none}[data-theme=light] .op-dot.on{box-shadow:0 0 4px var(--green)}[data-theme=light] .sidebar{border:1px solid var(--border2);box-shadow:0 8px 32px #0000001a,0 0 0 1px #7c3aed12;background:linear-gradient(160deg, var(--bg2) 0%, var(--bg) 100%)!important}[data-theme=light] #app-shell{background:0 0}[data-theme=light] .sidebar-brand-mark{background:linear-gradient(135deg,#7c3aed26 0%,#a855f714 100%);border-color:#7c3aed40;box-shadow:0 0 12px #7c3aed1a}[data-theme=light] .nav-item{color:var(--t2)}[data-theme=light] .nav-item:hover{color:var(--t1);background:#7c3aed0f}[data-theme=light] .sidebar.collapsed .nav-item:hover:before{background:#7c3aed0f}[data-theme=light] .sidebar.collapsed .nav-item.active:before{background:linear-gradient(90deg,#7c3aed1f 0%,#7c3aed05 100%)}[data-theme=light] .nav-item.active{color:var(--t1);background:linear-gradient(90deg,#7c3aed1f 0%,#7c3aed05 100%);font-weight:600}[data-theme=light] .nav-section-label{color:#7c3aed73}[data-theme=light] .nav-tooltip{background:var(--bg3);border-color:var(--border2);color:var(--t1);box-shadow:0 8px 32px #0000001f}[data-theme=light] .nav-count{background:var(--bg5);color:var(--t2);border:none}[data-theme=light] .user-name{color:var(--t1)}[data-theme=light] .user-sub{color:var(--t3)}[data-theme=light] .topbar-page-title,[data-theme=light] .topbar-brand-name{color:var(--t1)}[data-theme=light] .kpi-card{background:var(--bg3);border-color:var(--border);box-shadow:0 2px 12px #00000012}[data-theme=light] .kpi-card:hover{background:var(--bg4);border-color:var(--border2);box-shadow:0 6px 24px #7c3aed1a}[data-theme=light] .kpi-val{color:var(--t1);text-shadow:none}[data-theme=light] .kpi-label{color:var(--t3)}[data-theme=light] .chart-card,[data-theme=light] .crane-card{background:var(--bg3);border-color:var(--border);box-shadow:0 2px 12px #00000012}[data-theme=light] .crane-card:hover{background:var(--bg4);border-color:var(--border2);box-shadow:0 6px 24px #7c3aed1a}[data-theme=light] .crane-reg{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .card-title{color:var(--t1)}[data-theme=light] .card-sub{color:var(--t3)}[data-theme=light] .section-title{color:var(--t2)}[data-theme=light] .fpill.active{color:var(--accent);background:#7c3aed1a;border:1px solid #7c3aed33}[data-theme=light] .badge.accent{background:var(--accent-s);color:var(--accent);border-color:var(--accent-g)}[data-theme=light] .search-box{background:var(--bg3);border-color:var(--border2)}[data-theme=light] .search-box:focus-within{border-color:#7c3aed66;box-shadow:0 0 0 3px #7c3aed12}[data-theme=light] #profile-panel{background:#f8faffeb;border:1px solid #0000001a;border-top-color:#fffffff2;box-shadow:0 24px 64px #00000024}[data-theme=light] .notif-hd{background:var(--bg2)}[data-theme=light] .modal{border:1px solid #00000017;border-top-color:#fffffff2;box-shadow:0 24px 64px #00000026,0 0 0 1px #7c3aed0f;background:#f8fafff0!important}[data-theme=light] .overlay,[data-theme=light] .modal-overlay{background:#c8d2f059}[data-theme=light] .confirm-overlay{background:#b4c3e666}[data-theme=light] .toast{background:var(--bg3);border-color:var(--border2);-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--bg5)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--border3)}[data-theme=light] .sidebar-nav::-webkit-scrollbar-thumb{background:var(--bg5)}[data-theme=light] .bill-bar{background:#7c3aed0a;border-color:#7c3aed26}[data-theme=light] #btn-sidebar-toggle:hover{background:var(--bg4);color:var(--accent);box-shadow:none}[data-theme=light] .login-glow{background:radial-gradient(circle,#7c3aed12 0%,#a855f708 40%,#0000 70%)}[data-theme=light] .login-card{background:var(--bg3);border:1px solid var(--border2);box-shadow:0 8px 40px #0000001a}[data-theme=light] .login-icon{background:var(--accent-s);border-color:var(--accent-g);box-shadow:0 0 24px #7c3aed1f}[data-theme=light] .login-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-s)}[data-theme=light] .login-btn{background:var(--accent-grd);color:#fff;box-shadow:0 4px 20px #7c3aed4d}[data-theme=light] .tb-btn.accent{background:var(--accent-s);border-color:var(--accent-g);color:var(--accent)}[data-theme=light] .tb-btn.accent:hover{background:var(--accent);color:#fff;border-color:#0000;box-shadow:0 4px 16px #7c3aed40}[data-theme=light] .ctab.active{background:var(--accent);color:#fff;box-shadow:0 2px 10px #7c3aed33}[data-theme=light] .user-av{box-shadow:none}.floating-dashboard{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);z-index:1000;background:#171728d9;border-radius:100px;align-items:center;gap:20px;padding:8px 24px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d,0 0 0 1px #ffffff0d}.fd-item{flex-direction:column;align-items:center;min-width:80px;display:flex}.fd-label{font-size:9px;font-family:var(--fm);text-transform:uppercase;letter-spacing:.05em;color:var(--t3);margin-bottom:2px}.fd-value{font-size:14px;font-family:var(--fh);font-weight:700}.fd-value.accent{color:var(--accent)}.fd-value.amber{color:var(--amber)}.fd-value.green{color:var(--green)}.fd-divider{background:var(--border);opacity:.5;width:1px;height:24px}@media (width<=600px){.floating-dashboard{gap:12px;padding:6px 16px;bottom:80px}.fd-item{min-width:60px}.fd-value{font-size:12px}}.fd-trigger{-webkit-backdrop-filter:blur(8px);cursor:pointer;z-index:1001;background:#9d6fff26;border:1px solid #9d6fff4d;border-radius:50px;align-items:center;gap:8px;padding:6px 14px;transition:all .3s;animation:.4s slideUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #0003,0 0 10px #9d6fff1a}.fd-trigger:hover{background:#9d6fff40;border-color:#9d6fff80;transform:translate(-50%)translateY(-2px)}.fd-pulse-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s cubic-bezier(.66,0,0,1) infinite heartbeat;position:relative;box-shadow:0 0 #9d6fffb3}.fd-trigger-text{font-size:10px;font-family:var(--fh);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.fd-close-btn{background:var(--bg3);border:1px solid var(--border);width:20px;height:20px;color:var(--t3);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:all .2s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #0003}.fd-close-btn:hover{background:var(--red-s);color:var(--red);border-color:var(--red)}@keyframes heartbeat{0%{transform:scale(.95);box-shadow:0 0 #9d6fffb3}70%{transform:scale(1);box-shadow:0 0 0 10px #9d6fff00}to{transform:scale(.95);box-shadow:0 0 #9d6fff00}}.operator-sole-cal .att-card{max-width:100%;padding:24px}.operator-sole-cal .att-header{margin-bottom:24px}.operator-sole-cal .att-calendar{grid-template-rows:auto auto auto auto auto auto auto;gap:8px}.operator-sole-cal .att-ring-cell{padding:12px}.operator-sole-cal .att-ring-cell svg{width:60px;height:60px}.operator-sole-cal .att-ring-cell text{font-size:14px}.operator-sole-cal .att-day-label{padding:8px 0 12px;font-size:11px}@media (width<=600px){.operator-sole-cal .att-ring-cell svg{width:44px;height:44px}.operator-sole-cal .att-ring-cell text{font-size:11px}}