@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap);:root{--blur:none;--glass:#fff;--glass2:#fff;--glass3:#f3f5f8;--border:#101f3314;--border2:#101f3324;--border3:#101f3338;--shine:#fff;--text:#101f33;--text2:#5b6b85;--text3:#8b96a8;--accent:#ff5a1f;--accent2:#e0490f;--teal:#0f9488;--green:#16a34a;--red:#dc2626;--amber:#c2760b;--blue:#2563eb;--purple:#7c3aed;--pink:#db2777;--rad:10px;--radlg:16px;--radxl:20px;--sidebar-width:196px;--sidebar-width-collapsed:60px;--navy:#101f33;--navy2:#1c324e;--navy3:#2c3e58;--shadow-tile:0 16px 32px -14px #101f3352,0 4px 8px -2px #101f3329,inset 0 2px 0 #fff,inset 0 -4px 8px #101f330d;--shadow-tile-sm:0 10px 20px -10px #101f3342,0 2px 5px -1px #101f3321,inset 0 1px 0 #fff,inset 0 -3px 6px #101f330a;--shadow-tile-lg:0 22px 44px -16px #101f3359,0 6px 14px -4px #101f332e,inset 0 2px 0 #fff,inset 0 -5px 10px #101f330f;--shadow-tile-hover:0 26px 50px -18px #101f3366,0 8px 16px -4px #101f3333,inset 0 2px 0 #fff,inset 0 -5px 10px #101f3312;--shadow-sidebar:0 14px 30px -10px #101f33a6,0 4px 8px #101f334d,inset 0 2px 0 #ffffff2e,inset 0 -3px 6px #00000059;--shadow-accent:0 12px 22px -6px #ff5a1fb3,0 3px 6px #ff5a1f59,inset 0 2px 0 #ffffff80,inset 0 -3px 6px #781e0066;--shadow-navy-chip:0 10px 20px -6px #101f338c,inset 0 2px 0 #fff3,inset 0 -3px 6px #00000059;--shadow-inset:inset 0 3px 6px #101f331f,inset 0 -2px 0 #ffffffe6;--bg:rgba(16,31,51,.035);--bg2:#101f330f;--bg3:#101f330f;--bg4:#101f331a;--bg5:#101f3329}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}html:before{background:#dde2eb;background-image:radial-gradient(ellipse at 50% 0,#ffffffb3 0,#0000 55%),radial-gradient(ellipse at 88% 92%,#101f331a 0,#0000 50%),radial-gradient(ellipse at 8% 12%,#ff5a1f0f 0,#0000 45%);content:"";inset:0;pointer-events:none;position:fixed;z-index:-1}body{-webkit-font-smoothing:antialiased;background:#0000;font-family:-apple-system,SF Pro Display,DM Sans,sans-serif;font-size:14px;min-height:100%}.topbar-title,body{color:#101f33;color:var(--text)}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0000002e;border-radius:4px}.app-shell{background:#0000;display:flex;height:100vh;overflow:hidden}.main-content{background:#0000}.main-content,.main-content>*{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.main-content>*{min-height:0}.sidebar{background:#101f33;background:var(--navy);border:none;border-radius:20px;border-radius:var(--radxl);box-shadow:0 14px 30px -10px #101f33a6,0 4px 8px #101f334d,inset 0 2px 0 #ffffff2e,inset 0 -3px 6px #00000059;box-shadow:var(--shadow-sidebar);display:flex;flex-direction:column;flex-shrink:0;margin:10px 0 10px 10px;overflow:hidden;position:relative;transition:width .18s cubic-bezier(.4,0,.2,1),box-shadow .18s;width:196px;width:var(--sidebar-width);z-index:100}.sidebar.collapsed{width:60px;width:var(--sidebar-width-collapsed)}.sidebar-collapse-btn{align-items:center;background:#ffffff14;border:none;border-radius:6px;color:#ffffff8c;cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;right:10px;top:14px;transition:background .15s,color .15s;width:22px;z-index:2}.sidebar-collapse-btn:hover{background:#ffffff29;color:#fff}.sidebar.collapsed .sidebar-collapse-btn{margin:8px auto 0;position:static}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-section,.sidebar.collapsed .shop-badge-name,.sidebar.collapsed .shop-badge-role,.sidebar.collapsed .sidebar-logo-img,.sidebar.collapsed .sync-status button,.sidebar.collapsed .sync-status span{display:none}.sidebar.collapsed .sidebar-logo{flex-direction:column;padding:14px 6px}.sidebar.collapsed .nav-item,.sidebar.collapsed .shop-badge{justify-content:center;padding:8px}.sidebar.collapsed .shop-badge-info{display:none}.sidebar.collapsed .sync-status{justify-content:center}.sidebar>*{position:relative;z-index:1}.sidebar-logo{border-bottom:.5px solid #ffffff14;gap:10px;padding:18px 14px 16px;position:relative}.logo-icon,.sidebar-logo{align-items:center;display:flex}.logo-icon{background:#ff5a1f;background:var(--accent);border-radius:9px;box-shadow:0 12px 22px -6px #ff5a1fb3,0 3px 6px #ff5a1f59,inset 0 2px 0 #ffffff80,inset 0 -3px 6px #781e0066;box-shadow:var(--shadow-accent);flex-shrink:0;height:32px;justify-content:center;width:32px}.logo-icon,.logo-text{color:#fff;font-size:16px}.logo-text{font-weight:700;letter-spacing:-.4px}.logo-sub{color:#ffffff73;font-family:DM Mono,monospace;font-size:10px;margin-top:1px}.sidebar-logo-img{border-radius:4px;display:block;filter:brightness(0) invert(1);height:auto;margin:0 12px;max-height:90px;object-fit:contain;opacity:.92;width:calc(100% - 24px)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:8px}.nav-section{color:#ffffff52;font-size:10px;font-weight:600;letter-spacing:.09em;padding:14px 8px 5px;text-transform:uppercase}.nav-item{align-items:center;background:none;border:none;border-radius:10px;border-radius:var(--rad);color:#ffffff9e;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:9px;margin-bottom:1px;padding:8px 10px;text-align:left;text-decoration:none;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);width:100%}.nav-item:hover{background:#1c324e;background:var(--navy2);box-shadow:inset 0 3px 6px #101f331f,inset 0 -2px 0 #ffffffe6;box-shadow:var(--shadow-inset);color:#fff}.nav-item.active{background:#ff5a1f;background:var(--accent);box-shadow:0 12px 22px -6px #ff5a1fb3,0 3px 6px #ff5a1f59,inset 0 2px 0 #ffffff80,inset 0 -3px 6px #781e0066;box-shadow:var(--shadow-accent);color:#fff;font-weight:600}.nav-item svg{flex-shrink:0;height:15px;opacity:.7;width:15px}.nav-item.active svg{opacity:1}.sync-spinner{animation:spin 1s linear infinite}.sidebar-footer{border-top:.5px solid #ffffff14;padding:10px}.shop-badge{background:#1c324e;background:var(--navy2);border:none;border-radius:10px;border-radius:var(--rad);box-shadow:inset 0 3px 6px #101f331f,inset 0 -2px 0 #ffffffe6;box-shadow:var(--shadow-inset);gap:8px;margin-bottom:8px;padding:8px 10px}.shop-badge,.shop-badge-icon{align-items:center;display:flex}.shop-badge-icon{background:#ff5a1f;background:var(--accent);border-radius:7px;box-shadow:0 12px 22px -6px #ff5a1fb3,0 3px 6px #ff5a1f59,inset 0 2px 0 #ffffff80,inset 0 -3px 6px #781e0066;box-shadow:var(--shadow-accent);color:#fff;flex-shrink:0;font-size:12px;height:28px;justify-content:center;width:28px}.shop-badge-name{color:#fff;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-badge-role{color:#ffffff73;font-size:10px;text-transform:capitalize}.sync-status{align-items:center;color:#ffffff73;display:flex;font-size:11px;gap:6px;padding:2px 10px}.sync-dot{background:#16a34a;background:var(--green);border-radius:50%;flex-shrink:0;height:6px;transition:background .3s;width:6px}.sync-dot.syncing{animation:pulse 1s infinite;background:#c2760b;background:var(--amber)}.sync-dot.error{background:#dc2626;background:var(--red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.topbar{align-items:center;backdrop-filter:none;backdrop-filter:var(--blur);-webkit-backdrop-filter:none;-webkit-backdrop-filter:var(--blur);background:#fff;background:var(--glass);border:.5px solid #101f3314;border-radius:20px;border-radius:var(--radxl);border-top:1px solid #fff;border:.5px solid var(--border);border-top:1px solid var(--shine);box-shadow:0 16px 32px -14px #101f3352,0 4px 8px -2px #101f3329,inset 0 2px 0 #fff,inset 0 -4px 8px #101f330d;box-shadow:var(--shadow-tile);display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:10px 10px 0;padding:14px 20px}.topbar-title{font-size:17px;font-weight:700;letter-spacing:-.3px}.topbar-actions{align-items:center;display:flex;gap:8px}.board-metrics-row{display:flex;flex:1 1;gap:6px;margin-left:4px}.board-metric{align-items:center;background:#f3f5f8;background:var(--glass3);border:none;border-radius:10px;border-radius:var(--rad);box-shadow:inset 0 3px 6px #101f331f,inset 0 -2px 0 #ffffffe6;box-shadow:var(--shadow-inset);display:flex;flex-direction:column;min-width:72px;padding:4px 14px}.board-metric-val{font-family:DM Mono,monospace;font-size:20px;font-weight:700;line-height:1.1}.board-metric-lbl{color:#5b6b85;color:var(--text2);font-size:9px;font-weight:600;letter-spacing:.07em;margin-top:1px;text-transform:uppercase;white-space:nowrap}.page-content{flex:1 1;overflow-y:auto;padding:16px 24px 24px}.glass-bar{backdrop-filter:none;backdrop-filter:var(--blur);-webkit-backdrop-filter:none;-webkit-backdrop-filter:var(--blur);border:.5px solid #101f3314;border-top:1px solid #fff;border:.5px solid var(--border);border-radius:16px;border-radius:var(--radlg);border-top:1px solid var(--shine);box-shadow:0 10px 20px -10px #101f3342,0 2px 5px -1px #101f3321,inset 0 1px 0 #fff,inset 0 -3px 6px #101f330a;box-shadow:var(--shadow-tile-sm);padding:10px 14px}.btn,.glass-bar{background:#f3f5f8;background:var(--glass3)}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--rad);box-shadow:inset 0 3px 6px #101f331f,inset 0 -2px 0 #ffffffe6;box-shadow:var(--shadow-inset);color:#101f33;color:var(--text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;height:34px;padding:0 14px;text-decoration:none;transition:background .13s,box-shadow .15s,transform .15s;white-space:nowrap}.btn:hover{background:#fff;box-shadow:0 10px 20px -10px #101f3342,0 2px 5px -1px #101f3321,inset 0 1px 0 #fff,inset 0 -3px 6px #101f330a;box-shadow:var(--shadow-tile-sm);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.4}.btn-primary{backdrop-filter:none;-webkit-backdrop-filter:none;background:#ff5a1f;background:var(--accent);border-color:#ffb482b3 #ff5a1fb3 #ff5a1fb3;color:#fff}.btn-primary:hover{background:#e0490f;background:var(--accent2)}.btn-success{background:#16a34a1a;border-color:#16a34a40;color:#16a34a;color:var(--green)}.btn-success:hover{background:#16a34a2e}.btn-danger{background:#dc26261a;border-color:#dc262640;color:#dc2626;color:var(--red)}.btn-danger:hover{background:#dc26262e}.btn-teal{background:#0f94881a;border-color:#0f948840;color:#0f9488;color:var(--teal)}.btn-teal:hover{background:#0f94882e}.btn-sm{font-size:12px;height:28px;padding:0 10px}.btn-icon{width:34px}.btn-icon,.btn-icon-sm{justify-content:center;padding:0}.btn-icon-sm{height:28px;width:28px}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{color:#5b6b85;color:var(--text2);font-size:12px;font-weight:500}.form-required{color:#dc2626;color:var(--red);margin-left:2px}.form-control{background:#141e3708;border:.5px solid #101f3324;border:.5px solid var(--border2);border-radius:10px;border-radius:var(--rad);border-top:.5px solid #ffffffb3;box-shadow:0 10px 20px -10px #101f3342,0 2px 5px -1px #101f3321,inset 0 1px 0 #fff,inset 0 -3px 6px #101f330a;box-shadow:var(--shadow-tile-sm);color:#101f33;color:var(--text);font-size:13px;outline:none;padding:9px 11px;transition:background .15s,border-color .15s,box-shadow .15s;width:100%}.form-control:focus{background:#fff;border-color:#ffffffe6 #ff5a1f73 #ff5a1f73;box-shadow:0 10px 20px -10px #101f3342,0 2px 5px -1px #101f3321,inset 0 1px 0 #fff,inset 0 -3px 6px #101f330a,0 0 0 3px #ff5a1f1f;box-shadow:var(--shadow-tile-sm),0 0 0 3px #ff5a1f1f}.form-control::placeholder{color:#8b96a8;color:var(--text3)}.form-control:disabled{cursor:not-allowed;opacity:.4}textarea.form-control{min-height:70px;resize:vertical}select.form-control option{background:#fff;color:#151e35}.form-grid{grid-gap:12px;display:grid;gap:12px}.form-grid-2{grid-template-columns:1fr 1fr}.form-grid-3{grid-template-columns:1fr 1fr 1fr}.form-error{color:#dc2626;color:var(--red);font-size:11px;margin-top:3px}.card{backdrop-filter:none;backdrop-filter:var(--blur);-webkit-backdrop-filter:none;-webkit-backdrop-filter:var(--blur);background:#fff;background:var(--glass);border:.5px solid #101f3314;border-top:1px solid #fff;border:.5px solid var(--border);border-radius:16px;border-radius:var(--radlg);border-top:1px solid var(--shine);box-shadow:0 16px 32px -14px #101f3352,0 4px 8px -2px #101f3329,inset 0 2px 0 #fff,inset 0 -4px 8px #101f330d;box-shadow:var(--shadow-tile);padding:18px 20px;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 26px 50px -18px #101f3366,0 8px 16px -4px #101f3333,inset 0 2px 0 #fff,inset 0 -5px 10px #101f3312;box-shadow:var(--shadow-tile-hover);transform:translateY(-2px)}.card-title{color:#5b6b85;color:var(--text2);font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}.metric-card{align-items:center;backdrop-filter:none;backdrop-filter:var(--blur);-webkit-backdrop-filter:none;-webkit-backdrop-filter:var(--blur);background:#fff;background:var(--glass);border:.5px solid #101f3314;border-top:1px solid #fff;border:.5px solid var(--border);border-radius:10px;border-radius:var(--rad);border-top:1px solid var(--shine);box-shadow:0 10px 20px -10px #101f3342,0 2px 5px -1px #101f3321,inset 0 1px 0 #fff,inset 0 -3px 6px #101f330a;box-shadow:var(--shadow-tile-sm);display:flex;gap:10px;padding:8px 12px;transition:box-shadow .2s,transform .2s}.metric-card:hover{box-shadow:0 16px 32px -14px #101f3352,0 4px 8px -2px #101f3329,inset 0 2px 0 #fff,inset 0 -4px 8px #101f330d;box-shadow:var(--shadow-tile);transform:translateY(-2px)}.metric-label{color:#5b6b85;color:var(--text2);flex:1 1;font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.metric-value{color:#101f33;color:var(--text);font-family:DM Mono,monospace;font-size:18px;font-weight:700;letter-spacing:-.5px}.metric-sub{display:none}.metric-card.teal .metric-value{color:#0f9488;color:var(--teal)}.metric-card.green .metric-value{color:#16a34a;color:var(--green)}.metric-card.red .metric-value{color:#dc2626;color:var(--red)}.metric-card.amber .metric-value{color:#c2760b;color:var(--amber)}.metric-card.purple .metric-value{color:#7c3aed;color:var(--purple)}.metrics-grid{grid-gap:12px;display:grid;gap:12px}.metrics-grid-4{grid-template-columns:repeat(4,1fr)}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:10px;font-weight:600;letter-spacing:.02em;padding:2px 8px}.badge-blue{background:#2563eb14;border:.5px solid #2563eb38;color:#2563eb;color:var(--blue)}.badge-green{background:#16a34a14;border:.5px solid #16a34a38;color:#16a34a;color:var(--green)}.badge-amber{background:#c2760b1a;border:.5px solid #c2760b3d;color:#c2760b;color:var(--amber)}.badge-red{background:#dc262614;border:.5px solid #dc262638;color:#dc2626;color:var(--red)}.badge-purple{background:#7c3aed14;border:.5px solid #7c3aed38;color:#7c3aed;color:var(--purple)}.badge-teal{background:#0f948814;border:.5px solid #0f948838;color:#0f9488;color:var(--teal)}.badge-orange{background:#ff5a1f1a;border:.5px solid #ff5a1f42;color:#e0490f;color:var(--accent2)}.badge-gray{background:#141e370a;border:.5px solid #101f3314;border:.5px solid var(--border);color:#5b6b85;color:var(--text2)}.modal-overlay{align-items:center;animation:fadeIn .15s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#141c3052;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:slideUp .15s ease;background:#fff;border:none;border-radius:20px;border-radius:var(--radxl);box-shadow:0 22px 44px -16px #101f3359,0 6px 14px -4px #101f332e,inset 0 2px 0 #fff,inset 0 -5px 10px #101f330f;box-shadow:var(--shadow-tile-lg);max-height:90vh;max-width:100%;overflow-y:auto;padding:24px;width:560px}.modal-lg{width:720px}.modal-xl{width:900px}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.modal-title{font-size:16px;font-weight:700}.modal-footer{border-top:.5px solid #101f3314;border-top:.5px solid var(--border);display:flex;gap:8px;justify-content:flex-end;margin-top:20px;padding-top:16px}.divider{background:#101f3314;background:var(--border);height:.5px;margin:16px 0}.section-label{color:#8b96a8;color:var(--text3);font-size:10px;font-weight:700;letter-spacing:.09em;margin-bottom:10px;text-transform:uppercase}.cal-grid-header{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.cal-day-name{color:#8b96a8;color:var(--text3);font-size:10px;font-weight:600;letter-spacing:.07em;padding:8px 4px;text-align:center;text-transform:uppercase}.cal-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(7,1fr)}.cal-cell{backdrop-filter:none;backdrop-filter:var(--blur);-webkit-backdrop-filter:none;-webkit-backdrop-filter:var(--blur);background:#f3f5f8;background:var(--glass3);border:.5px solid #101f3314;border:.5px solid var(--border);border-radius:10px;border-radius:var(--rad);border-top:.5px solid #ffffff38;box-shadow:0 10px 20px -10px #101f3342,0 2px 5px -1px #101f3321,inset 0 1px 0 #fff,inset 0 -3px 6px #101f330a;box-shadow:var(--shadow-tile-sm);cursor:pointer;min-height:110px;padding:7px;transition:background .12s,box-shadow .2s,transform .2s}.cal-cell:hover{background:#141e370d;box-shadow:0 16px 32px -14px #101f3352,0 4px 8px -2px #101f3329,inset 0 2px 0 #fff,inset 0 -4px 8px #101f330d;box-shadow:var(--shadow-tile);transform:translateY(-1px)}.cal-cell.other-month{opacity:.3}.cal-cell.today{border-color:#ff5a1fcc #ff5a1f8c #ff5a1f8c}.cal-cell.search-match{border-color:#ff5a1f8c;box-shadow:inset 0 0 0 1px #ff5a1f59}.cal-date-num{color:#101f33;color:var(--text);font-size:16px;font-weight:800;line-height:1;margin-bottom:4px}.cal-cell.today .cal-date-num{align-items:center;background:#ff5a1f;background:var(--accent);border-radius:50%;color:#fff;display:inline-flex;font-size:14px;height:26px;justify-content:center;margin-bottom:2px;width:26px}.cal-chip{backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border-bottom:.5px solid #141e371a;border-radius:6px;color:#151e35e0;cursor:pointer;font-size:10px;font-weight:600;margin-bottom:2px;overflow:hidden;padding:3px 6px;text-overflow:ellipsis;white-space:nowrap}.cal-chip:hover{opacity:.85}.cal-chip.completed{opacity:.45;text-decoration:line-through}.cap-bar{background:#141e3714;border-radius:2px;height:3px;margin-top:2px;overflow:hidden}.cap-fill{background:#16a34a;background:var(--green);border-radius:2px;height:100%}.cap-fill.warn{background:#c2760b;background:var(--amber)}.cap-fill.over{background:#dc2626;background:var(--red)}.kanban-wrapper{cursor:grab;overflow:auto;padding-bottom:12px}.kanban-wrapper:active{cursor:grabbing}.kanban-board{align-items:flex-start;display:flex;gap:10px;height:100%;min-width:-webkit-max-content;min-width:max-content}.kanban-col{display:flex;flex-direction:column;flex-shrink:0;gap:6px;width:200px}.kanban-col-header{align-items:center;background:#fff;border:none;border-radius:10px;box-shadow:0 10px 20px -10px #101f3342,0 2px 5px -1px #101f3321,inset 0 1px 0 #fff,inset 0 -3px 6px #101f330a;box-shadow:var(--shadow-tile-sm);display:flex;justify-content:space-between;padding:8px 11px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.kanban-col-title{color:#101f33;color:var(--text);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.kanban-col-count{background:#141e370f;border-radius:20px;color:#5b6b85;color:var(--text2);font-family:DM Mono,monospace;font-size:11px;padding:1px 7px}.kanban-col-body{background:#0000;border:none;display:flex;flex:1 1;flex-direction:column;gap:6px;min-height:80px;padding:0;transition:background .12s}.kanban-col-body.drag-over{background:#ff5a1f0a;border-radius:16px;border-radius:var(--radlg);outline:1px dashed #ff5a1f40}.job-card{backdrop-filter:none;backdrop-filter:var(--blur);-webkit-backdrop-filter:none;-webkit-backdrop-filter:var(--blur);background:#fff;background:var(--glass);border:.5px solid #101f3314;border-top:1px solid #fff;border:.5px solid var(--border);border-left:3px solid #0000;border-radius:10px;border-radius:var(--rad);border-top:1px solid var(--shine);box-shadow:0 10px 20px -10px #101f3342,0 2px 5px -1px #101f3321,inset 0 1px 0 #fff,inset 0 -3px 6px #101f330a;box-shadow:var(--shadow-tile-sm);cursor:grab;padding:10px 10px 10px 9px;position:relative;transition:background .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.job-card:hover{background:#fff;box-shadow:0 26px 50px -18px #101f3366,0 8px 16px -4px #101f3333,inset 0 2px 0 #fff,inset 0 -5px 10px #101f3312;box-shadow:var(--shadow-tile-hover);transform:translateY(-2px)}.job-card.late{background:#dc26260d;border-color:#dc26264d #dc26264d #dc26264d #dc262666;box-shadow:0 10px 20px -10px #101f3342,0 2px 5px -1px #101f3321,inset 0 1px 0 #fff,inset 0 -3px 6px #101f330a,0 4px 16px -4px #dc262629;box-shadow:var(--shadow-tile-sm),0 4px 16px -4px #dc262629}.job-card.dragging{opacity:.35;transform:scale(.98)}.card-est-bar{border-radius:10px 0 0 10px;border-radius:var(--rad) 0 0 var(--rad);bottom:-.5px;left:-3px;position:absolute;top:-.5px;width:3px}.card-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.card-action-btn{background:#141e3708;border:.5px solid #101f3324;border:.5px solid var(--border2);border-radius:5px;color:#5b6b85;color:var(--text2);cursor:pointer;font-family:inherit;font-size:10px;font-weight:500;height:20px;padding:0 7px;transition:all .12s}.card-action-btn:hover{background:#141e3712;color:#101f33;color:var(--text)}.card-action-btn.active-late{background:#dc26261a;border-color:#dc262647;color:#dc2626;color:var(--red)}.card-action-btn.active-parts{background:#c2760b1a;border-color:#c2760b42;color:#c2760b;color:var(--amber)}.card-action-btn.active-preorder{background:#0f94881a;border-color:#0f948842;color:#0f9488;color:var(--teal)}.card-action-btn.active-hold{background:#7c3aed1a;border-color:#7c3aed42;color:#7c3aed;color:var(--purple)}.card-action-btn.active-orange{background:#ff5a1f1f;border-color:#ff5a1f4d;color:#e0490f;color:var(--accent2)}.tray{backdrop-filter:none;backdrop-filter:var(--blur);-webkit-backdrop-filter:none;-webkit-backdrop-filter:var(--blur);background:#fff;background:var(--glass);border:.5px solid #101f3314;border-top:1px solid #fff;border:.5px solid var(--border);border-radius:16px;border-radius:var(--radlg);border-top:1px solid var(--shine);box-shadow:0 16px 32px -14px #101f3352,0 4px 8px -2px #101f3329,inset 0 2px 0 #fff,inset 0 -4px 8px #101f330d;box-shadow:var(--shadow-tile);margin-top:16px;padding:14px 16px}.tray-header{align-items:center;color:#5b6b85;color:var(--text2);font-size:10px;font-weight:700;gap:8px;letter-spacing:.09em;margin-bottom:10px;text-transform:uppercase}.tray-cards,.tray-header{display:flex;flex-wrap:wrap}.tray-cards{gap:7px;min-height:50px}.tray-cards.drag-over{background:#ff5a1f0f;border-radius:8px;outline:2px dashed #ff5a1f59}.tray-empty{color:#8b96a8;color:var(--text3);font-size:12px;font-style:italic;padding:8px 0}.tray-card{background:#f3f5f8;background:var(--glass3);border:none;border-radius:10px;border-radius:var(--rad);box-shadow:inset 0 3px 6px #101f331f,inset 0 -2px 0 #ffffffe6;box-shadow:var(--shadow-inset);cursor:pointer;min-width:130px;padding:9px 12px;transition:background .13s,box-shadow .2s,transform .2s}.tray-card:hover{background:#fff;box-shadow:0 10px 20px -10px #101f3342,0 2px 5px -1px #101f3321,inset 0 1px 0 #fff,inset 0 -3px 6px #101f330a;box-shadow:var(--shadow-tile-sm);transform:translateY(-1px)}.progress-bar{background:#141e3712;border-radius:3px;height:5px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .3s}.data-table{border-collapse:collapse;font-size:12px;width:100%}.data-table th{border-bottom:.5px solid #101f3324;border-bottom:.5px solid var(--border2);color:#8b96a8;color:var(--text3);font-size:10px;font-weight:600;letter-spacing:.07em;padding:8px 10px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:.5px solid #101f3314;border-bottom:.5px solid var(--border);color:#101f33;color:var(--text);padding:9px 10px}.data-table tr:hover td{background:#141e3708;cursor:pointer}.card-banner{border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.05em;margin-top:4px;padding:2px 4px;text-align:center;text-transform:uppercase}.banner-parts{background:#ffb93226;border:.5px solid #ffb93247;color:#c2760b;color:var(--amber)}.banner-preorder{background:#50d7c81f;border:.5px solid #50d7c838;color:#0f9488;color:var(--teal)}.banner-hold{background:#b482ff24;border:.5px solid #b482ff40;color:#7c3aed;color:var(--purple)}.banner-totalloss{background:#ff645a24;border:.5px solid #ff645a40;color:#dc2626;color:var(--red)}.banner-rental{background:#50d7c81a;border:.5px solid #50d7c82e;color:#0f9488;color:var(--teal)}.banner-nondrive{background:#141e370a;border:.5px solid #101f3314;border:.5px solid var(--border);color:#5b6b85;color:var(--text2)}.auth-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border:none;border-radius:20px;border-radius:var(--radxl);box-shadow:0 22px 44px -16px #101f3359,0 6px 14px -4px #101f332e,inset 0 2px 0 #fff,inset 0 -5px 10px #101f330f;box-shadow:var(--shadow-tile-lg);max-width:100%;padding:40px;width:420px}.auth-logo{margin-bottom:32px;text-align:center}.auth-logo-img{height:56px;margin:0 auto 12px;max-width:220px;object-fit:contain;width:auto}.auth-logo-text{font-size:26px;font-weight:700;letter-spacing:-.5px}.auth-logo-sub{color:#8b96a8;color:var(--text3);font-size:13px;margin-top:4px}.auth-title{font-size:20px;font-weight:700;margin-bottom:4px}.auth-sub{color:#5b6b85;color:var(--text2);font-size:13px;margin-bottom:24px}.auth-divider{align-items:center;display:flex;gap:12px;margin:20px 0}.auth-divider-line{background:#101f3324;background:var(--border2);flex:1 1;height:.5px}.auth-divider-text{color:#8b96a8;color:var(--text3);font-size:12px}.auth-link{color:#ff5a1f;color:var(--accent);font-size:13px;text-decoration:none}.auth-link:hover{text-decoration:underline}.toast-container{bottom:20px;display:flex;flex-direction:column;gap:8px;position:fixed;right:20px;z-index:9999}.toast{align-items:center;animation:slideInRight .2s ease;background:#fff;border:none;border-radius:10px;border-radius:var(--rad);box-shadow:0 22px 44px -16px #101f3359,0 6px 14px -4px #101f332e,inset 0 2px 0 #fff,inset 0 -5px 10px #101f330f;box-shadow:var(--shadow-tile-lg);display:flex;font-size:13px;gap:10px;max-width:360px;padding:11px 16px}.toast.success{border-left:2px solid #16a34a;border-left:2px solid var(--green)}.toast.error{border-left:2px solid #dc2626;border-left:2px solid var(--red)}.toast.info{border-left:2px solid #ff5a1fcc}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateY(0)}}.loading-screen{align-items:center;display:flex;flex-direction:column;gap:16px;inset:0;justify-content:center;position:fixed;z-index:9999}.spinner{animation:spin .75s linear infinite;border:2px solid #141e371a;border-radius:50%;border-top:2px solid var(--accent);height:34px;width:34px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.sidebar{display:none}.metrics-grid-4{grid-template-columns:repeat(2,1fr)}.form-grid-3{grid-template-columns:1fr}.topbar{padding:12px 16px}.page-content{padding:16px}}