#app{min-height:100vh}.boot-state{min-height:100vh;display:grid;place-items:center;color:#68768d}.brand-mark img{width:100%;height:100%;display:block}.login-logo img{display:block;width:100%;height:100%;filter:drop-shadow(0 10px 22px rgba(36,86,230,.3))}.login-page #app{display:grid;place-items:center;width:100%}.login-box{max-width:100%}.login-hint{position:fixed;bottom:15px;left:20px;right:20px;text-align:center;color:#758197;font-size:12px}.login-hint button{font:inherit;color:#3654ca;border:0;background:transparent;cursor:pointer}.login-form-error:empty{display:none}.local-mode{background:#f5f6fb;border:1px solid #e4e7f0;color:#67718a;font-size:10.5px;line-height:1.3;border-radius:999px;padding:7px 10px;white-space:nowrap}.demo-footnote{font-size:12px;color:#7a8799;margin:22px 0 0;text-align:center}.dash-chart svg{width:100%;height:auto}.nav-scrim{display:none}.sidebar-foot .logout{color:var(--ink-3);border:0;background:transparent;font-size:22px;cursor:pointer}.empty.permission-empty{min-height:240px}.app-dialog{width:min(780px,94vw);max-height:90vh;border:0;border-radius:18px;padding:0;box-shadow:0 24px 70px rgba(15,23,42,.28);color:var(--ink);background:var(--surface)}.app-dialog::backdrop{background:rgba(15,23,42,.45);backdrop-filter:blur(2px)}.app-dialog>.panel{margin:0;border:0;box-shadow:none}.app-dialog .panel-head{position:sticky;top:0;background:white;z-index:2}.modal-close{background:transparent;border:0;font-size:27px;color:#6c778c;cursor:pointer;width:36px;height:36px;flex-shrink:0}.modal-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);padding:18px 24px;background:#fff}.modal-error{margin:16px 0 0}.modal-error[hidden]{display:none}.modal-open{overflow:hidden}#toast-region{position:fixed;right:24px;top:20px;z-index:10000;max-width:min(450px,calc(100vw - 32px))}.app-toast{display:flex;align-items:center;gap:12px;background:white;border:1px solid #dce5ee;box-shadow:0 12px 40px #1b294a21;padding:14px 20px;border-radius:12px;color:#304253;font-size:14px;animation:toast-in .18s ease-out}.app-toast>span{width:22px;height:22px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#eaf8f1;color:#168864}.app-toast.error>span{background:#fff0ee;color:#c64035}@keyframes toast-in{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}button:disabled,.btn[disabled]{cursor:not-allowed;opacity:.55}.page-head a{color:var(--accent)}.checkout-shell{min-height:100vh;display:grid;place-items:center;padding:30px;background:#f7f8fb}.checkout-card{width:min(560px,100%);padding:38px;border-radius:24px;background:white;box-shadow:0 18px 50px #1118270a;border:1px solid #e6e9f0}.checkout-brand{display:flex;align-items:center;gap:12px;font-size:24px;margin-bottom:30px}.checkout-brand img{width:40px}.checkout-card h1{font-size:24px;line-height:1.4}.checkout-total{display:flex;align-items:baseline;gap:10px;margin:28px 0}.checkout-total strong{font:700 40px var(--mono)}.checkout-card .btn{width:100%;margin-top:16px}.checkout-note{font-size:13px;color:#69768b}.login-page{display:grid!important;grid-template-columns:1fr!important}.login-shell{margin:24px}.login-name{margin-bottom:0}.login-box .btn{margin-top:5px}.is-error{color:#b42318}.balance-summary-grid{margin:24px;grid-template-columns:1fr 1fr}.balance-summary-grid .stat{box-shadow:none}.dash-chart svg{display:block}.sidebar nav a:focus-visible,.btn:focus-visible,button:focus-visible{outline:3px solid #adc0ff;outline-offset:3px}.app-dialog input:focus,.app-dialog select:focus{outline:0}.pagination nav{flex-direction:row}.local-footer{font-size:11px;color:#8590a0;text-align:center;margin-top:18px}.chart-tooltip{font-size:12px;color:#4A5B75}.not-found{text-align:center;padding:70px 20px}
@media(max-width:760px){.local-mode{display:none}.nav-open .nav-scrim{display:block;position:fixed;inset:0;background:#16203350;z-index:19;border:0}.app-dialog .form-grid{grid-template-columns:1fr}.app-dialog .field.full{grid-column:auto}.topbar{padding:0 22px}.balance-summary-grid{grid-template-columns:1fr}.checkout-card{padding:26px}.login-shell{width:min(400px,calc(100vw - 32px));margin:16px}.login-hint{font-size:11px}.app-dialog .panel-body{padding:22px}.brand-mark{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.app-toast{animation:none}}

.content{width:100%;max-width:none;min-height:calc(100vh - 68px);padding:30px clamp(20px,2.2vw,42px)}
.member-page-actions{justify-content:flex-end;flex-wrap:wrap}.invite-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-8px 0 18px;padding:11px 14px;border:1px solid #cfe8db;border-radius:8px;background:#f2faf5;color:#26734a;font-size:12px}
.application-list{padding:4px 20px}.application-list article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #edf0f4}.application-list article:last-child{border-bottom:0}.application-list article>div:first-child{display:grid;gap:5px}.application-list small{color:#748096;font-size:12px}
.hierarchy-panel{margin-bottom:20px}.hierarchy-tree{overflow:auto;padding:24px 22px 28px}.hierarchy-tree ul{display:flex;justify-content:center;position:relative;gap:18px;margin:0;padding:22px 0 0;list-style:none}.hierarchy-tree>ul{padding-top:0}.hierarchy-tree ul ul:before{position:absolute;content:"";top:0;left:50%;height:22px;border-left:1px solid #cbd5e1}.hierarchy-tree li{position:relative;display:flex;align-items:center;flex-direction:column;padding-top:20px;min-width:190px}.hierarchy-tree>ul>li{padding-top:0}.hierarchy-tree li:before,.hierarchy-tree li:after{position:absolute;content:"";top:0;width:50%;border-top:1px solid #cbd5e1}.hierarchy-tree li:before{right:50%}.hierarchy-tree li:after{left:50%;border-left:1px solid #cbd5e1;height:20px}.hierarchy-tree li:only-child:before,.hierarchy-tree li:only-child:after{display:none}.hierarchy-tree li:first-child:before,.hierarchy-tree li:last-child:after{border-top:0}.hierarchy-tree li:last-child:before{border-right:1px solid #cbd5e1;border-radius:0 6px 0 0}.hierarchy-tree li:first-child:after{border-radius:6px 0 0 0}.hierarchy-tree>ul>li:before,.hierarchy-tree>ul>li:after{display:none}.hierarchy-node{width:190px;min-height:100px;display:grid;align-content:center;gap:6px;padding:12px;border:1px solid #dce4ef;border-radius:7px;background:#fff;box-shadow:0 2px 6px #1c29400a}.hierarchy-node>div{display:flex;justify-content:space-between;align-items:center;gap:8px}.hierarchy-node strong{font-size:13px;color:#263850}.hierarchy-node>div span{font-size:10px;color:#566b89;background:#f0f4fa;padding:4px 6px;border-radius:4px}.hierarchy-node small{font-size:10px;line-height:1.4;color:#77859a;overflow-wrap:anywhere}.hierarchy-node.is-current{border-color:#89a9f3;background:#f5f8ff;box-shadow:inset 0 0 0 1px #d5e1ff}
.notification-widget{position:fixed;right:22px;bottom:24px;z-index:1200;width:46px;height:46px;touch-action:none}.notification-bell{position:relative;display:grid;place-items:center;width:46px;height:46px;border:1px solid #dbe3ef;border-radius:50%;background:#fff;color:#38547b;box-shadow:0 5px 18px #23385a26;cursor:grab;touch-action:none}.notification-bell:active{cursor:grabbing}.notification-bell svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.notification-dot{position:absolute;right:2px;top:2px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#e5484d}.notification-dot[hidden]{display:none}.notification-bell.has-unread{color:#c1383d}.notification-arrival svg{transform-origin:50% 12%;animation:notification-ring .5s ease-in-out 2}.notification-popover{position:absolute;right:0;bottom:56px;width:min(370px,calc(100vw - 28px));max-height:min(68vh,600px);display:flex;flex-direction:column;border:1px solid #dfe5ed;border-radius:8px;background:#fff;box-shadow:0 14px 42px #1e293b2b;touch-action:pan-y}.notification-popover[hidden]{display:none}.notification-popover>header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #edf0f4}.notification-popover>header strong{font-size:14px}.notification-popover>header span{font-size:11px;color:#7a8799}.notification-list{overflow:auto}.notification-item{display:grid;grid-template-columns:12px minmax(0,1fr);gap:10px;width:100%;padding:13px 15px;text-align:left;border:0;border-bottom:1px solid #f0f2f6;background:#fff;cursor:pointer}.notification-item:hover{background:#F6F8FB}.notification-item.is-read{opacity:.62}.notification-type{padding-top:5px}.notification-type i{display:block;width:8px;height:8px;border-radius:50%;background:#e5484d}.notification-type.unuploaded i{background:#e69b22}.notification-item>span:last-child{min-width:0;display:grid;gap:5px}.notification-item strong{font-size:12px;color:#293b54;overflow-wrap:anywhere}.notification-item small{font-size:11px;color:#7b8798;line-height:1.45}.notification-item time{font-size:10px;color:#9aa4b2}.notification-empty{padding:28px 16px;text-align:center;color:#8793a4;font-size:12px}.notification-detail{display:grid;gap:10px;color:#53647b;font-size:13px;line-height:1.5}.notification-detail>strong{color:#243750}.notification-stale{color:#bc3438;font-weight:700}.notification-detail+.form-actions{justify-content:flex-end}
.shipment-number-wrap{position:relative;display:inline-flex;align-items:center;max-width:100%;padding-right:2px}.shipment-stale-badge{position:absolute;right:-17px;top:-8px;z-index:1;display:inline-flex;align-items:center;gap:3px;padding:2px 4px;border-radius:8px;background:#fff0f0;color:#c33237;font-size:9px;font-weight:750;line-height:1.1;white-space:nowrap}.shipment-stale-badge i{width:5px;height:5px;border-radius:50%;background:#e5484d;box-shadow:0 0 0 2px #e5484d24}
.register-intro{margin:4px 0 18px;text-align:center;color:#66758b;font-size:13px}.register-error,.register-success{margin:18px 0;text-align:center;line-height:1.7}.register-login-link{display:block;margin-top:16px;text-align:center;color:#3158c9;font-size:12px;text-decoration:none}.register-login-link:hover{text-decoration:underline}
@keyframes notification-ring{0%,100%{transform:rotate(0)}20%{transform:rotate(14deg)}40%{transform:rotate(-13deg)}60%{transform:rotate(9deg)}80%{transform:rotate(-6deg)}}
@media(max-width:760px){.content{padding:18px 14px;min-height:calc(100vh - 62px)}.member-page-actions{width:100%;justify-content:stretch}.member-page-actions>.btn{flex:1}.application-list{padding:2px 14px}.application-list article{align-items:flex-start}.application-list article .actions{flex-shrink:0}.hierarchy-tree{padding:18px 10px 22px}.hierarchy-tree ul{justify-content:flex-start;gap:10px}.hierarchy-node{width:165px}.hierarchy-tree li{min-width:165px}.notification-widget{right:14px;bottom:16px}.notification-popover{width:min(350px,calc(100vw - 28px));max-height:62vh}}
@media(prefers-reduced-motion:reduce){.notification-arrival svg{animation:none}}

/* Production login verification */
.login-captcha{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px;align-items:end;margin-top:14px}.login-captcha[hidden]{display:none}.login-captcha .field{margin:0}.captcha-refresh{border:1px solid #dfe4ee;border-radius:8px;background:#F6F8FB;padding:0;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;align-items:center}.captcha-refresh img{width:180px;height:56px;display:block}.captcha-refresh img[hidden]{display:none}.captcha-refresh span{font-size:11px;line-height:24px;color:#65728b}.login-security-note{font-size:11px;color:#758198;margin:12px 0}.login-captcha input{text-transform:uppercase;letter-spacing:2px}.login-btn:disabled{opacity:.55;cursor:not-allowed}@media(max-width:440px){.login-captcha{grid-template-columns:minmax(0,1fr) 144px}.captcha-refresh img{width:144px;height:auto}}