.layout{min-height:100vh;display:flex;flex-direction:column;background:#f6f8fb}.topbar{height:64px;background:#fff;display:flex;align-items:center;padding:0 28px;box-shadow:0 4px 16px #0000000f;border-bottom:1px solid #eef2f7}.logo{margin-right:40px;display:flex;align-items:center}.brand-logo-img{height:48px;width:auto;object-fit:contain;display:block}.menu{display:flex;gap:18px;align-items:center}.menu a{text-decoration:none;color:#64748b;font-weight:500;font-size:14px;transition:.2s;padding:6px 10px;border-radius:8px}.menu a:hover{background:#f1f5f9;color:#111}.menu a.active{background:#e0f2fe;color:#0284c7}.actions{margin-left:auto;display:flex;align-items:center;gap:10px}.user-pill{display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 8px;border-radius:999px;background:linear-gradient(135deg,#e0f2fe,#f0f9ff 55%,#eef2ff);border:1px solid #cfe7ff;box-shadow:0 4px 14px #0284c72e}.user-pill-avatar{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;font-weight:700;font-size:12px;letter-spacing:.3px}.user-pill-name{font-weight:700;color:#0f172a;font-size:13px;line-height:1;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-btn,.logout-btn{background:#111;color:#fff;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;transition:.2s}.profile-btn:hover,.logout-btn:hover{background:#333;cursor:pointer}.content{flex:1;padding:24px}.login-page{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom,#c9f0ff,#eaf7ff)}.login-card{width:380px!important;border-radius:16px!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6!important;box-shadow:0 20px 60px #00000026!important}.forgot-text{text-align:right;cursor:pointer;font-size:14px}.forgot-text:hover{text-decoration:underline}.login-btn{border-radius:12px!important;padding:10px 0!important;background:#111!important}.login-btn:hover{background:#333!important}.social-btn{border:1px solid #eee!important}.login-input .MuiOutlinedInput-root{height:42px;border-radius:12px;background:#f6f8fa;transition:all .25s ease}.login-input .MuiOutlinedInput-notchedOutline{border:1px solid #e2e8f0}.login-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#cbd5e1}.login-input .Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#4da6ff;box-shadow:0 0 0 3px #4da6ff26}.login-input input{padding:10px 12px;font-size:14px}.login-input svg{color:#94a3b8}.running-bus-wrap{position:fixed;left:0;right:0;bottom:0;z-index:1200;pointer-events:none;padding-bottom:10px;overflow:hidden}.running-bus-road{position:absolute;left:0;right:0;bottom:0;height:10px;background:repeating-linear-gradient(90deg,#2a2a2a 0 20px,#4b4b4b 20px 40px);opacity:.9}.running-bus-track{position:relative;width:100%;height:90px}.running-bus-vehicle{position:absolute;left:-120px;bottom:8px;font-size:72px;line-height:1;filter:drop-shadow(0 10px 12px rgba(0,0,0,.3));animation:busRun 5.5s ease-in-out forwards}.bus-smoke{position:absolute;right:-8px;bottom:22px;width:52px;height:26px}.smoke{position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#a5a5a5e6,#4b4b4b47 70%);animation:smokePuff 1.7s ease-out infinite}.smoke-1{animation-delay:0s}.smoke-2{animation-delay:.45s}.smoke-3{animation-delay:.9s}.running-bus-text{position:absolute;left:50%;bottom:72px;transform:translate(-50%);margin:0;padding:6px 14px;border-radius:999px;font-size:.92rem;font-weight:700;color:#0b3c5d;background:#ffffffe0;box-shadow:0 6px 20px #0000001f;white-space:nowrap}@keyframes busRun{0%{transform:translate(0) scaleX(-1) scale(.9);opacity:0}12%{opacity:1}50%{transform:translate(52vw) scaleX(-1) scale(1.05)}to{transform:translate(calc(100vw + 220px)) scaleX(-1) scale(1);opacity:1}}@keyframes smokePuff{0%{transform:translate(0) scale(.6);opacity:0}18%{opacity:.85}to{transform:translate(48px,-18px) scale(1.9);opacity:0}}.dashboard-page{min-height:100%;padding:8px;background:radial-gradient(circle at 0% 0%,rgba(14,165,233,.08),transparent 40%),radial-gradient(circle at 100% 0%,rgba(30,64,175,.08),transparent 35%),#f8fafc}.dashboard-head{margin-bottom:20px}.dashboard-head h1{margin:0;font-size:34px;font-weight:800;letter-spacing:.2px;color:#0f172a}.dashboard-head p{margin:6px 0 0;color:#475569;font-size:14px}.dashboard-loading{margin:8px 0 14px;font-weight:600;color:#0284c7}.quick-info-section{margin-bottom:24px}.quick-info-title{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.quick-info-title span{font-size:32px;font-weight:500;color:#334155}.quick-info-title strong{font-size:34px;font-weight:700;color:#0ea5e9}.quick-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.quick-card{padding:18px 18px 16px;border-radius:16px;border:1px solid #e2e8f0;background:linear-gradient(135deg,#fff 10%,#f0f9ff);box-shadow:0 10px 25px #0f172a14}.quick-card h3{margin:0 0 8px;font-size:46px;line-height:1;color:#0284c7}.quick-card p{margin:0;font-size:22px;font-weight:700;color:#334155}.quick-card-alt{background:linear-gradient(135deg,#fff 10%,#f8fafc)}.dashboard-empty{margin-top:8px;padding:14px 16px;border-radius:12px;border:1px dashed #94a3b8;color:#475569;background:#fff;font-weight:600}@media(max-width:900px){.dashboard-head h1{font-size:28px}.quick-info-title span{font-size:24px}.quick-info-title strong{font-size:26px}.quick-card h3{font-size:36px}.quick-card p{font-size:18px}}.parcel-table-wrapper{height:520px;padding:16px;background:#f8fafc;border-radius:18px;box-shadow:0 10px 35px #00000014}.parcel-grid{border:none!important;background:#fff;border-radius:14px;overflow:hidden;font-size:14px}.parcel-grid .MuiDataGrid-columnHeaders{background:#f1f5f9;font-weight:600;border-bottom:1px solid #e2e8f0}.parcel-grid .MuiDataGrid-cell,.parcel-grid .MuiDataGrid-columnHeader{border-right:none!important}.parcel-grid .MuiDataGrid-cell.sticky-action-cell{position:sticky!important;left:0!important;z-index:4;background:#fff}.parcel-grid .MuiDataGrid-columnHeader.sticky-action-header{position:sticky!important;left:0!important;z-index:6;background:#f1f5f9!important}.parcel-grid .MuiDataGrid-row{transition:all .2s ease}.parcel-grid .MuiDataGrid-row:nth-of-type(2n){background-color:#fafafa}.parcel-grid .MuiDataGrid-row:hover{background-color:#e6f2ff!important;cursor:pointer}.parcel-grid .parcel-row-canceled{background-color:#ffe8e8!important}.parcel-grid .parcel-row-canceled:hover{background-color:#ffd6d6!important}.parcel-grid .parcel-row-canceled .sticky-action-cell{background:#ffe8e8!important}.parcel-grid .MuiDataGrid-cell{padding:8px 12px}.parcel-grid .MuiDataGrid-footerContainer{background:#f8fafc;border-top:1px solid #e2e8f0}.parcel-grid .MuiDataGrid-cell:focus,.parcel-grid .MuiDataGrid-columnHeader:focus{outline:none}.parcel-wrapper{background:#f6f8fb;min-height:100vh;padding:40px}.parcel-card{max-width:1200px;margin:auto;border-radius:18px;box-shadow:0 20px 60px #00000014}.parcel-title{font-size:22px;font-weight:700;margin-bottom:25px}.MuiOutlinedInput-root{border-radius:12px!important;background:#fafafa}