:root{--orange: #FF6B1A;--orange-dim: rgba(255,107,26,.12);--orange-glow: rgba(255,107,26,.25);--turq: #0EC4C4;--turq-dim: rgba(14,196,196,.1);--turq-glow: rgba(14,196,196,.2);--green: #22C55E;--green-dim: rgba(34,197,94,.12);--yellow: #EAB308;--yellow-dim: rgba(234,179,8,.12);--red: #EF4444;--red-dim: rgba(239,68,68,.12);--purple: #A855F7;--purple-dim: rgba(168,85,247,.12);--white: #FFFFFF;--dark: #060E0E;--card: #0D1A1A;--card2: #112222;--card3: #162C2C;--mid: #1A3030;--border: rgba(14,196,196,.1);--border-hi: rgba(14,196,196,.22);--muted: #517A7A;--text: #C8E8E8;--radius: 14px;--radius-sm: 8px;--radius-lg: 20px;--shadow: 0 4px 24px rgba(0,0,0,.35);--shadow-lg: 0 8px 48px rgba(0,0,0,.45)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:DM Sans,system-ui,sans-serif;background:var(--dark);color:var(--text);overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--turq);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--mid);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}#login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 70% 55% at 15% 50%,rgba(255,107,26,.06) 0%,transparent 55%),radial-gradient(ellipse 60% 55% at 85% 50%,rgba(14,196,196,.06) 0%,transparent 55%),var(--dark);padding:1rem;position:relative}.login-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(14,196,196,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(14,196,196,.025) 1px,transparent 1px);background-size:48px 48px}.login-box{background:var(--card);border:1px solid var(--border-hi);border-radius:var(--radius-lg);padding:2.8rem 2.5rem;width:100%;max-width:440px;position:relative;z-index:2;box-shadow:var(--shadow-lg),0 0 60px #0ec4c40f;animation:fadeUp .45s ease both}.login-logo{font-family:Bebas Neue,sans-serif;font-size:3rem;background:linear-gradient(135deg,var(--orange) 30%,var(--turq));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.06em;line-height:1}.login-tagline{font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:.2rem;margin-bottom:.2rem}.login-sub{font-size:.85rem;color:var(--muted);margin-bottom:1.8rem}.role-tabs{display:flex;gap:.5rem;margin-bottom:1.8rem;background:var(--card2);padding:.3rem;border-radius:var(--radius-sm);border:1px solid var(--border)}.role-tab{flex:1;padding:.55rem .4rem;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;color:var(--muted);transition:all .2s;text-align:center;-webkit-user-select:none;user-select:none}.role-tab.active{background:var(--turq);color:var(--dark);box-shadow:0 2px 12px #0ec4c44d}.role-tab:hover:not(.active){color:var(--text)}.form-g{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.form-g label{font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.form-g input{background:var(--mid);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.78rem 1rem;color:var(--white);font-family:DM Sans,sans-serif;font-size:.92rem;transition:border-color .2s}.form-g input:focus{outline:none;border-color:var(--turq)}.login-btn{width:100%;padding:.95rem;background:linear-gradient(135deg,var(--orange),#D94E08);color:#fff;border:none;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:.97rem;font-weight:700;cursor:pointer;transition:all .25s;margin-top:.4rem;box-shadow:0 6px 28px #ff6b1a38;letter-spacing:.01em}.login-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px #ff6b1a52}.login-btn:active{transform:translateY(0)}.demo-hint{margin-top:1.2rem;padding:.8rem 1rem;background:#0ec4c40a;border:1px solid rgba(14,196,196,.12);border-radius:var(--radius-sm);font-size:.78rem;color:var(--muted);text-align:center;line-height:1.6}.demo-hint strong{color:var(--turq);display:block;margin-bottom:.25rem}.valuables-notice{margin-top:.9rem;padding:.75rem 1rem;background:#ff6b1a0d;border:1px solid rgba(255,107,26,.2);border-radius:var(--radius-sm);font-size:.72rem;color:var(--muted);line-height:1.6}.valuables-notice strong{color:var(--orange)}#app{display:none}.shell{display:flex;min-height:100vh}.sidebar{width:248px;min-height:100vh;background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:200;overflow-y:auto;transition:transform .28s cubic-bezier(.4,0,.2,1)}.sidebar-top{padding:1.4rem 1.4rem .8rem;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-logo{font-family:Bebas Neue,sans-serif;font-size:1.85rem;background:linear-gradient(135deg,var(--orange),var(--turq));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.06em;line-height:1}.sidebar-role-badge{display:inline-block;margin-top:.5rem;padding:.25rem .7rem;border-radius:50px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.badge-admin{background:var(--orange-dim);color:var(--orange);border:1px solid rgba(255,107,26,.25)}.badge-driver{background:var(--green-dim);color:var(--green);border:1px solid rgba(34,197,94,.25)}.badge-customer{background:var(--turq-dim);color:var(--turq);border:1px solid rgba(14,196,196,.25)}.nav-section{padding:.5rem 1.3rem .15rem;font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin-top:.4rem}.nav-item{display:flex;align-items:center;gap:.7rem;padding:.62rem 1.1rem;margin:.08rem .55rem;border-radius:var(--radius-sm);color:var(--muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .18s;border:none;background:none;width:calc(100% - 1.1rem);text-align:left;position:relative}.nav-item:hover{background:var(--mid);color:var(--text)}.nav-item.active{background:#0ec4c41a;color:var(--turq);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:3px;background:var(--turq);border-radius:0 3px 3px 0;margin-left:-.55rem}.nav-icon{font-size:1rem;flex-shrink:0;width:20px;text-align:center}.nav-badge{margin-left:auto;background:var(--orange);color:#fff;font-size:.62rem;font-weight:700;padding:.15rem .45rem;border-radius:50px;min-width:20px;text-align:center}.nav-badge.green{background:var(--green)}.nav-badge.yellow{background:var(--yellow);color:var(--dark)}.sidebar-footer{margin-top:auto;padding:1rem 1.1rem;border-top:1px solid var(--border);flex-shrink:0}.user-card{display:flex;align-items:center;gap:.7rem;margin-bottom:.6rem}.user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--turq));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:var(--dark);flex-shrink:0}.user-info-text{flex:1;min-width:0}.user-name{font-size:.83rem;font-weight:600;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role-txt{font-size:.7rem;color:var(--muted)}.logout-btn{width:100%;background:none;border:1px solid var(--border);color:var(--muted);font-size:.78rem;font-weight:600;cursor:pointer;padding:.45rem;border-radius:var(--radius-sm);transition:all .2s;font-family:DM Sans,sans-serif}.logout-btn:hover{border-color:var(--red);color:var(--red)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0000008c;z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.active{display:block}.main{margin-left:248px;flex:1;min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.8rem 2rem;background:#060e0ee0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:1rem}.topbar-title{font-family:Bebas Neue,sans-serif;font-size:1.55rem;color:var(--white);letter-spacing:.04em}.topbar-right{display:flex;align-items:center;gap:.9rem}.topbar-clock{font-family:Space Mono,monospace;font-size:.78rem;color:var(--muted);background:var(--card2);padding:.3rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--border)}.notif-btn{position:relative;background:var(--card2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.45rem .65rem;cursor:pointer;font-size:.95rem;color:var(--text);transition:all .2s}.notif-btn:hover{border-color:var(--turq)}.notif-dot{position:absolute;top:3px;right:3px;width:7px;height:7px;background:var(--orange);border-radius:50%;border:1.5px solid var(--dark)}.notif-dot.hidden{display:none}.hamburger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:4.5px;padding:.3rem}.hamburger span{display:block;width:20px;height:2px;background:var(--turq);border-radius:2px;transition:all .28s}.page{display:none;padding:1.8rem 2rem 3rem}.page.active{display:block;animation:fadeUp .28s ease}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.9rem;margin-bottom:1.4rem}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.3rem 1.4rem;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:default}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.stat-card.orange:before{background:linear-gradient(90deg,var(--orange),transparent)}.stat-card.turq:before{background:linear-gradient(90deg,var(--turq),transparent)}.stat-card.green:before{background:linear-gradient(90deg,var(--green),transparent)}.stat-card.yellow:before{background:linear-gradient(90deg,var(--yellow),transparent)}.stat-card.red:before{background:linear-gradient(90deg,var(--red),transparent)}.stat-card.purple:before{background:linear-gradient(90deg,var(--purple),transparent)}.stat-icon{font-size:1.6rem;margin-bottom:.5rem;display:block}.stat-label{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin-bottom:.45rem;font-weight:700}.stat-val{font-family:Bebas Neue,sans-serif;font-size:2.3rem;color:var(--white);line-height:1;margin-bottom:.2rem}.stat-change{font-size:.74rem;display:flex;align-items:center;gap:.25rem}.stat-change.up{color:var(--green)}.stat-change.down{color:var(--red)}.stat-change.neutral{color:var(--muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;margin-bottom:1.1rem}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem;flex-wrap:wrap;gap:.5rem}.card-title{font-family:Bebas Neue,sans-serif;font-size:1.25rem;color:var(--white);letter-spacing:.04em}.card-sub{font-size:.8rem;color:var(--muted);margin-top:.1rem}.card-action{font-size:.8rem;color:var(--turq);cursor:pointer;background:none;border:none;font-family:DM Sans,sans-serif;font-weight:600;padding:.3rem .6rem;border-radius:6px;transition:background .2s}.card-action:hover{background:var(--turq-dim)}.chart-wrap{position:relative;height:220px}.chart-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin-bottom:1.1rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.9rem}.four-col{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.9rem}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:.67rem;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;padding:.55rem 1rem;text-align:left;border-bottom:1px solid var(--border);font-weight:700;white-space:nowrap;background:var(--card2)}.data-table th:first-child{border-radius:var(--radius-sm) 0 0 0}.data-table th:last-child{border-radius:0 var(--radius-sm) 0 0}.data-table td{padding:.8rem 1rem;font-size:.86rem;border-bottom:1px solid rgba(14,196,196,.05)}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover td{background:#0ec4c408}.t-name{font-weight:600;color:var(--white)}.t-muted{color:var(--muted);font-size:.82rem;margin-top:.12rem}.t-mono{font-family:Space Mono,monospace;font-size:.75rem;color:var(--turq)}.pill{display:inline-flex;align-items:center;padding:.18rem .65rem;border-radius:50px;font-size:.69rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.pill-green{background:var(--green-dim);color:var(--green)}.pill-orange{background:var(--orange-dim);color:var(--orange)}.pill-yellow{background:var(--yellow-dim);color:var(--yellow)}.pill-red{background:var(--red-dim);color:var(--red)}.pill-turq{background:var(--turq-dim);color:var(--turq)}.pill-gray{background:#517a7a1f;color:var(--muted)}.pill-purple{background:var(--purple-dim);color:var(--purple)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.58rem 1.2rem;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;white-space:nowrap;text-decoration:none}.btn-sm{padding:.42rem .9rem;font-size:.8rem}.btn-lg{padding:.8rem 1.8rem;font-size:.95rem}.btn-orange{background:var(--orange);color:#fff}.btn-orange:hover{background:#e5540a;box-shadow:0 4px 18px #ff6b1a4d}.btn-turq{background:var(--turq);color:var(--dark);font-weight:700}.btn-turq:hover{background:#0bb0b0}.btn-green{background:var(--green);color:var(--dark);font-weight:700}.btn-green:hover{background:#1daf53}.btn-ghost{background:var(--mid);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--turq);color:var(--turq)}.btn-red{background:var(--red-dim);color:var(--red);border:1px solid rgba(239,68,68,.25)}.btn-red:hover{background:#ef444438}.btn-yellow{background:var(--yellow-dim);color:var(--yellow);border:1px solid rgba(234,179,8,.25)}.form-g2{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem}.form-g2 label{font-size:.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.form-g2 input,.form-g2 select,.form-g2 textarea{background:var(--mid);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.72rem 1rem;color:var(--white);font-family:DM Sans,sans-serif;font-size:.88rem;width:100%;transition:border-color .2s}.form-g2 input:focus,.form-g2 select:focus,.form-g2 textarea:focus{outline:none;border-color:var(--turq)}.form-g2 textarea{resize:vertical;min-height:80px}.form-g2 select option{background:var(--card)}.form-row2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.inline-edit{background:var(--mid);border:1px solid var(--border);border-radius:6px;padding:.4rem .7rem;color:var(--white);font-family:DM Sans,sans-serif;font-size:.85rem;width:140px}.inline-edit:focus{outline:none;border-color:var(--turq)}.toggle{width:42px;height:23px;border-radius:12px;background:var(--mid);border:1px solid var(--border);cursor:pointer;position:relative;transition:all .25s;flex-shrink:0}.toggle.on{background:var(--turq);border-color:var(--turq)}.toggle:after{content:"";position:absolute;top:2.5px;left:2.5px;width:16px;height:16px;border-radius:50%;background:#fff;transition:all .25s;box-shadow:0 1px 4px #0000004d}.toggle.on:after{transform:translate(19px)}.modal-overlay{position:fixed;inset:0;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:900;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .2s}.modal-overlay.active{opacity:1;pointer-events:all}.modal{background:var(--card);border:1px solid var(--border-hi);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;transform:scale(.93) translateY(10px);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-lg)}.modal-overlay.active .modal{transform:scale(1) translateY(0)}.modal-title{font-family:Bebas Neue,sans-serif;font-size:1.75rem;color:var(--white);margin-bottom:.3rem;letter-spacing:.04em}.modal-sub{font-size:.84rem;color:var(--muted);margin-bottom:1.4rem}.modal-close{float:right;background:none;border:none;color:var(--muted);font-size:1.25rem;cursor:pointer;padding:.2rem .5rem;border-radius:6px;transition:all .2s;line-height:1}.modal-close:hover{color:var(--white);background:var(--mid)}.modal-actions{display:flex;gap:.7rem;justify-content:flex-end;margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--border);flex-wrap:wrap}.info-box{background:var(--card2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem 1rem}.info-box-label{font-size:.67rem;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin-bottom:.3rem;font-weight:700}.progress-bar{height:5px;border-radius:3px;background:var(--mid);overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .5s ease}.activity-item{display:flex;gap:.85rem;padding:.75rem 0;border-bottom:1px solid rgba(14,196,196,.05)}.activity-item:last-child{border-bottom:none}.activity-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-top:4px}.activity-text{font-size:.84rem;line-height:1.45;color:var(--text)}.activity-time{font-size:.7rem;color:var(--muted);margin-top:.12rem;font-family:Space Mono,monospace}.notif-panel{position:fixed;top:58px;right:1.3rem;width:330px;background:var(--card);border:1px solid var(--border-hi);border-radius:var(--radius);z-index:500;transform:translateY(-8px);opacity:0;pointer-events:none;transition:all .22s cubic-bezier(.4,0,.2,1);max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.notif-panel.open{transform:translateY(0);opacity:1;pointer-events:all}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;border-bottom:1px solid var(--border);font-family:Bebas Neue,sans-serif;font-size:1.15rem;color:var(--white);letter-spacing:.04em;position:sticky;top:0;background:var(--card);z-index:1}.notif-clear{font-size:.72rem;color:var(--muted);background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-weight:600}.notif-clear:hover{color:var(--turq)}.notif-list-inner{padding:.6rem}.notif-item{padding:.7rem .85rem;border-radius:var(--radius-sm);background:var(--card2);margin-bottom:.4rem;border-left:3px solid var(--turq);cursor:pointer;transition:background .15s}.notif-item.orange{border-color:var(--orange)}.notif-item.red{border-color:var(--red)}.notif-item.yellow{border-color:var(--yellow)}.notif-item:hover{background:var(--mid)}.notif-item-text{font-size:.82rem;color:var(--text);line-height:1.45}.notif-item-time{font-size:.7rem;color:var(--muted);margin-top:.2rem}.toast{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--card2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem 1.2rem;font-size:.86rem;z-index:9999;transform:translateY(70px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);max-width:300px;pointer-events:none;box-shadow:var(--shadow)}.toast.show{transform:translateY(0);opacity:1}.toast.success{border-color:var(--turq);color:var(--turq)}.toast.error{border-color:var(--red);color:var(--red)}.toast.warn{border-color:var(--yellow);color:var(--yellow)}.toast.info{border-color:var(--turq);color:var(--text)}.banner{display:flex;gap:1rem;align-items:flex-start;padding:1rem 1.2rem;border-radius:var(--radius-sm);margin-bottom:1.1rem}.banner.yellow{background:var(--yellow-dim);border:1px solid rgba(234,179,8,.25)}.banner.turq{background:var(--turq-dim);border:1px solid rgba(14,196,196,.18)}.banner.orange{background:var(--orange-dim);border:1px solid rgba(255,107,26,.22)}.banner.red{background:var(--red-dim);border:1px solid rgba(239,68,68,.22)}.banner-icon{font-size:1.35rem;flex-shrink:0;margin-top:.05rem}.banner-text{font-size:.84rem;line-height:1.55}.banner-text strong{display:block;margin-bottom:.2rem;font-weight:700}.qr-wrap{display:flex;flex-direction:column;align-items:center;background:var(--card2);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center}.qr-canvas-wrap{background:#0f1e1e;border-radius:var(--radius-sm);padding:1rem;display:inline-block;border:1px solid var(--border-hi)}.qr-canvas-wrap canvas{display:block!important}.qr-label{font-size:.72rem;color:var(--muted);margin-top:.8rem}.qr-id{font-family:Space Mono,monospace;font-size:.85rem;color:var(--turq);margin-top:.25rem;font-weight:700}.bag-card{background:var(--card2);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;display:flex;align-items:center;gap:1rem;transition:all .2s;cursor:pointer;margin-bottom:.7rem}.bag-card:hover{border-color:var(--turq);transform:translate(3px)}.bag-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.bag-icon.pickup{background:var(--turq-dim)}.bag-icon.deliver{background:var(--green-dim)}.bag-icon.report{background:var(--red-dim)}.bag-info{flex:1;min-width:0}.bag-name{font-weight:600;color:var(--white);font-size:.9rem}.bag-detail{font-size:.77rem;color:var(--muted);margin-top:.15rem}.bag-meta{font-family:Space Mono,monospace;font-size:.73rem;color:var(--turq);margin-top:.2rem}.bin-card{background:var(--card2);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;transition:all .2s;cursor:pointer}.bin-card:hover{border-color:var(--turq)}.bin-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.8rem}.bin-name{font-weight:600;color:var(--white);font-size:.92rem}.bin-addr{font-size:.76rem;color:var(--muted);margin-top:.15rem}.bin-stats{display:flex;gap:.6rem;flex-wrap:wrap}.bin-stat{flex:1;background:var(--card3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.65rem;text-align:center;min-width:70px}.bin-stat-val{font-family:Bebas Neue,sans-serif;font-size:1.4rem;color:var(--turq)}.bin-stat-lbl{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.bin-fill-bar{height:4px;border-radius:3px;background:var(--mid);overflow:hidden;margin-top:.6rem}.bin-fill{height:100%;border-radius:3px;background:var(--turq);transition:width .5s}.bin-fill.warn{background:var(--yellow)}.bin-fill.full{background:var(--red)}.report-card{background:var(--card2);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem;margin-bottom:.7rem;border-left:4px solid var(--muted);transition:all .2s}.report-card.open{border-left-color:var(--red)}.report-card.review{border-left-color:var(--yellow)}.report-card.closed{border-left-color:var(--green)}.report-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.report-type{font-weight:600;color:var(--white);font-size:.88rem}.report-meta{font-size:.77rem;color:var(--muted);margin-top:.3rem;display:flex;gap:1rem;flex-wrap:wrap}.report-notes{font-size:.82rem;color:var(--text);margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--border)}.map-container{background:var(--card2);border:1px solid var(--border);border-radius:var(--radius);height:340px;position:relative;overflow:hidden}.map-canvas{width:100%;height:100%;background:radial-gradient(circle at 30% 40%,rgba(14,196,196,.07) 0%,transparent 40%),radial-gradient(circle at 70% 60%,rgba(255,107,26,.04) 0%,transparent 35%),var(--card2)}.map-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(14,196,196,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(14,196,196,.035) 1px,transparent 1px);background-size:30px 30px}.map-label{position:absolute;top:1rem;left:1rem;background:#060e0ed9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .9rem;font-size:.78rem;color:var(--turq);font-family:Space Mono,monospace}.map-api-note{position:absolute;bottom:1rem;right:1rem;background:#060e0ed9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,107,26,.25);border-radius:var(--radius-sm);padding:.4rem .8rem;font-size:.7rem;color:var(--orange)}.map-driver-dot{position:absolute;width:14px;height:14px;background:var(--turq);border-radius:50%;box-shadow:0 0 0 4px #0ec4c438,0 0 0 8px #0ec4c417;cursor:pointer;animation:pulseDot 2.2s infinite;transform:translate(-50%,-50%)}.map-bin-dot{position:absolute;width:12px;height:12px;background:var(--orange);border-radius:3px;box-shadow:0 0 0 3px #ff6b1a33;cursor:pointer;transform:translate(-50%,-50%)}.map-customer-dot{position:absolute;width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 0 3px #22c55e33;cursor:pointer;transform:translate(-50%,-50%)}.map-tooltip{position:absolute;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.45rem .8rem;font-size:.74rem;color:var(--white);pointer-events:none;z-index:10;white-space:nowrap;display:none;box-shadow:var(--shadow)}.driver-stat{background:var(--card2);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;text-align:center}.driver-stat-val{font-family:Bebas Neue,sans-serif;font-size:1.9rem;color:var(--turq)}.driver-stat-lbl{font-size:.67rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.online-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.online-dot.green{background:var(--green);box-shadow:0 0 6px var(--green)}.online-dot.gray{background:var(--muted)}.online-dot.yellow{background:var(--yellow);box-shadow:0 0 6px var(--yellow)}.sub-banner{background:linear-gradient(135deg,#ff6b1a14,#0ec4c40f);border:1px solid rgba(14,196,196,.18);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.1rem}.sub-tier{font-family:Bebas Neue,sans-serif;font-size:1.55rem;color:var(--turq)}.sub-price{font-size:2.2rem;font-weight:700;color:var(--orange);line-height:1.1;margin:.2rem 0 .1rem}.sub-price span{font-size:.9rem;color:var(--muted);font-weight:400}.sub-detail{font-size:.84rem;color:var(--muted)}.timeline{padding-left:1.2rem}.timeline-item{position:relative;padding:.8rem 0 .8rem 1.4rem;border-left:2px solid var(--border)}.timeline-item:last-child{border-left-color:transparent}.timeline-dot{position:absolute;left:-5px;top:1.1rem;width:9px;height:9px;border-radius:50%;background:var(--turq);border:2px solid var(--dark)}.timeline-dot.orange{background:var(--orange)}.timeline-dot.green{background:var(--green)}.timeline-label{font-size:.83rem;font-weight:600;color:var(--white)}.timeline-sub{font-size:.76rem;color:var(--muted);margin-top:.12rem}.timeline-date{font-family:Space Mono,monospace;font-size:.72rem;color:var(--muted);margin-top:.1rem}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.4rem 1rem;background:var(--card2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .22s;color:var(--text);font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;text-align:center}.action-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.action-btn.turq:hover{border-color:var(--turq);background:var(--turq-dim);color:var(--turq)}.action-btn.orange:hover{border-color:var(--orange);background:var(--orange-dim);color:var(--orange)}.action-btn.green:hover{border-color:var(--green);background:var(--green-dim);color:var(--green)}.action-btn.red:hover{border-color:var(--red);background:var(--red-dim);color:var(--red)}.action-btn.yellow:hover{border-color:var(--yellow);background:var(--yellow-dim);color:var(--yellow)}.action-btn-icon{font-size:2rem}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:var(--card2);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:.5rem;gap:1rem;flex-wrap:wrap;transition:border-color .2s}.settings-row:hover{border-color:var(--border-hi)}.settings-row-label{font-size:.875rem;font-weight:600;color:var(--white)}.settings-row-sub{font-size:.75rem;color:var(--muted);margin-top:.1rem}.settings-section{margin-bottom:1.4rem}.settings-title{font-family:Bebas Neue,sans-serif;font-size:1.05rem;color:var(--turq);letter-spacing:.06em;margin-bottom:.7rem}.integration-row{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;background:var(--card2);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:.4rem;gap:1rem}.integration-name{font-size:.85rem;font-weight:600;color:var(--white)}.integration-note{font-family:Space Mono,monospace;font-size:.66rem;color:var(--muted);margin-top:.1rem}.integration-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.earnings-hero{text-align:center;padding:2rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.1rem}.earnings-label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.4rem}.earnings-num{font-family:Bebas Neue,sans-serif;font-size:3.5rem;color:var(--orange);line-height:1}.earnings-sub{font-size:.84rem;color:var(--muted);margin-top:.3rem}.sunday-card{background:linear-gradient(135deg,#0ec4c412,#22c55e0d);border:1px solid rgba(14,196,196,.2);border-radius:var(--radius);padding:1.6rem;margin-bottom:1.1rem;text-align:center}.sunday-icon{font-size:3rem;margin-bottom:.6rem}.sunday-title{font-family:Bebas Neue,sans-serif;font-size:1.6rem;color:var(--turq)}.sunday-sub{font-size:.86rem;color:var(--muted);margin-top:.4rem;line-height:1.6}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{box-shadow:0 0 0 4px #0ec4c438,0 0 0 8px #0ec4c417}50%{box-shadow:0 0 0 6px #0ec4c447,0 0 0 12px #0ec4c40f}}.gap-top{margin-top:1.1rem}.gap-bot{margin-bottom:1.1rem}.divider{height:1px;background:var(--border);margin:1rem 0}.text-orange{color:var(--orange)}.text-turq{color:var(--turq)}.text-green{color:var(--green)}.text-muted{color:var(--muted)}.text-white{color:var(--white)}.font-mono{font-family:Space Mono,monospace}.font-brand{font-family:Bebas Neue,sans-serif;letter-spacing:.04em}.fw-bold{font-weight:700}.text-sm{font-size:.82rem}.text-xs{font-size:.72rem}.color-swatch{width:30px;height:30px;border-radius:6px;border:2px solid var(--border);cursor:pointer;flex-shrink:0}@media(max-width:768px){.hamburger{display:flex}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main{margin-left:0}.topbar{padding:.75rem 1rem}.page{padding:1rem 1rem 2.5rem}.chart-grid-2,.two-col{grid-template-columns:1fr}.three-col,.four-col{grid-template-columns:1fr 1fr}.form-row2{grid-template-columns:1fr}.action-grid,.stats-grid{grid-template-columns:1fr 1fr}.notif-panel{right:.8rem;left:.8rem;width:auto}}@media(max-width:480px){.stats-grid,.three-col{grid-template-columns:1fr}.four-col{grid-template-columns:1fr 1fr}.action-grid{grid-template-columns:1fr}}