:root{--r-card: 18px;--r-pill: 100px;--font-head: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--nav-h: 70px;--safe-t: env(safe-area-inset-top, 0px);--header-pt: max(var(--safe-t), 18px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-padding: var(--safe-b);--c-bg: #04090F;--c-navy: #0B1628;--c-sidebar: #070F1C;--c-navy-mid: #0F1E34;--c-card: #162540;--c-card-h: #1B2E4E;--c-border: #1E3356;--c-teal: #00C9A7;--c-teal-light: #3EEBD4;--c-teal-dim: rgba(0, 201, 167, .12);--c-teal-glow: rgba(0, 201, 167, .35);--c-amber: #F59E0B;--c-amber-dim: rgba(245, 158, 11, .15);--c-red: #EF4444;--c-t1: #EEF5FF;--c-t2: #9BB8D8;--c-t3: #4A6A8A;--c-t4: #243550;--c-nav-bg: rgba(7, 15, 28, .98);--c-actions-bg: rgba(10, 20, 36, .95);--c-ambient-1: rgba(0, 201, 167, .07);--c-ambient-2: rgba(0, 80, 200, .06);--c-header-bg: linear-gradient(155deg, #0E2244 0%, #0B2B38 45%, #063528 100%);--c-header-text: #EEF5FF;--c-header-sub: #4A6A8A}[data-theme=light]{--c-bg: #E8EFF7;--c-navy: #FFFFFF;--c-sidebar: #F2F7FC;--c-navy-mid: #EBF1F8;--c-card: #FFFFFF;--c-card-h: #EBF5F1;--c-border: #C5D6E8;--c-teal: #009E84;--c-teal-light: #00C9A7;--c-teal-dim: rgba(0, 158, 132, .08);--c-teal-glow: rgba(0, 158, 132, .22);--c-amber: #D97706;--c-amber-dim: rgba(217, 119, 6, .12);--c-red: #DC2626;--c-t1: #0B1628;--c-t2: #1E3A5F;--c-t3: #4A6A8A;--c-t4: #94AEC4;--c-nav-bg: rgba(255, 255, 255, .98);--c-actions-bg: rgba(242, 247, 252, .98);--c-ambient-1: rgba(0, 158, 132, .04);--c-ambient-2: rgba(0, 60, 150, .03);--c-header-bg: linear-gradient(155deg, var(--c-navy-mid) 0%, var(--c-sidebar) 100%);--c-header-text: #0B1628;--c-header-sub: #4A6A8A}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--c-teal);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}html,body,#root{height:100%;overflow:hidden}@supports (height: 100dvh){html,body,#root{height:100dvh}}body{background:var(--c-navy);font-family:var(--font-body);color:var(--c-t1);-webkit-font-smoothing:antialiased}.auth-loading{height:100%;display:flex;align-items:center;justify-content:center;background:var(--c-bg)}.auth-spinner{width:36px;height:36px;border:3px solid var(--c-border);border-top-color:var(--c-teal);border-radius:50%;animation:auth-spin .75s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.no-access-screen{height:100%;display:flex;align-items:center;justify-content:center;background:var(--c-bg);padding:24px}.no-access-card{display:flex;flex-direction:column;align-items:center;gap:16px;background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--r-card);padding:40px 32px;max-width:380px;width:100%;text-align:center}.no-access-icon{color:var(--c-red)}.no-access-title{font-family:var(--font-head);font-size:22px;font-weight:700;color:var(--c-t1);margin:0}.no-access-body{font-size:14px;color:var(--c-t2);line-height:1.6;margin:0}.no-access-btn{display:inline-block;margin-top:8px;padding:10px 20px;background:var(--c-teal-dim);color:var(--c-teal);border:1px solid var(--c-teal);border-radius:var(--r-pill);font-size:14px;font-weight:600;text-decoration:none;transition:background .15s}.no-access-btn:hover{background:var(--c-teal-glow)}.app-mobile{display:flex;flex-direction:column;height:100%;background:var(--c-navy);position:relative;overflow:hidden}.app-mobile-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.mobile-screen{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--c-navy)}.form-overlay{position:absolute;inset:0;z-index:200;background:var(--c-navy);display:flex;flex-direction:column}.app-tablet{display:flex;height:100%;background:var(--c-navy)}.tablet-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.tablet-content{flex:1;display:flex;overflow:hidden;min-height:0}.app-mobile:before,.app-tablet:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 55% at 15% -5%,var(--c-ambient-1) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 90% 105%,var(--c-ambient-2) 0%,transparent 55%);pointer-events:none;z-index:0}.app-header{background:var(--c-header-bg);padding:var(--header-pt) 16px 14px;position:relative;flex-shrink:0;z-index:200}.app-header:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 90% 90% at 105% -10%,rgba(0,201,167,.22) 0%,transparent 55%);animation:headerShimmer 8s ease-in-out infinite}@keyframes headerShimmer{0%,to{opacity:.6}50%{opacity:1}}.app-header-row{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.zw-logo{display:flex;align-items:center}.zw-logo-full{display:block;height:36px;width:auto;border-radius:7px;background:#fff;padding:4px 10px;box-shadow:0 2px 8px #0003}.zw-logo-icon-wrap{width:32px;height:32px;overflow:hidden;border-radius:7px;background:#fff;flex-shrink:0;box-shadow:0 1px 6px #0000002e}.zw-logo-icon-wrap img{height:32px;width:auto;display:block}.user-avatar-sm{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.15);flex-shrink:0;cursor:pointer}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:300;background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--r-card);box-shadow:0 8px 32px #00000059;min-width:220px;overflow:hidden}.profile-dropdown-identity{padding:14px 16px 12px;display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--c-border)}.profile-dropdown-name{font-family:var(--font-head);font-size:15px;font-weight:700;color:var(--c-t1)}.profile-dropdown-email{font-size:12px;color:var(--c-t3)}.profile-dropdown-section{padding:12px 16px;border-bottom:1px solid var(--c-border);display:flex;flex-direction:column;gap:8px}.profile-dropdown-label{font-size:11px;font-weight:600;color:var(--c-t4);text-transform:uppercase;letter-spacing:.5px}.profile-dropdown-divider{height:1px;background:var(--c-border)}.profile-dropdown-signout{display:block;width:100%;padding:12px 16px;text-align:left;background:none;border:none;color:var(--c-red);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer}.profile-dropdown-signout:hover{background:var(--c-card-h)}.header-greeting{margin-top:20px;position:relative;z-index:1}.header-greeting h1{font-family:var(--font-head);font-size:18px;font-weight:700;color:var(--c-header-text)}.header-greeting p{font-size:12px;color:var(--c-header-sub);margin-top:3px}.list-header{background:var(--c-header-bg);padding:var(--header-pt) 16px 10px;display:flex;flex-direction:column;gap:0;flex-shrink:0;position:relative;overflow:hidden}.list-header:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 90% 90% at 105% -10%,rgba(0,201,167,.18) 0%,transparent 55%)}.list-header-row{display:flex;align-items:center;gap:8px;position:relative;z-index:1;width:100%}.list-header-search-wrap{position:relative;flex:1}.list-header-cancel{background:none;border:none;color:var(--c-teal);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;flex-shrink:0;padding:0 4px}.list-header-title{font-family:var(--font-head);font-size:20px;font-weight:700;color:var(--c-header-text);flex:1;position:relative;z-index:1}.back-btn,.icon-btn{width:36px;height:36px;border-radius:10px;background:#8080801f;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;position:relative;z-index:1;border:none;color:var(--c-header-text)}.screen-body{flex:1;overflow-y:auto;padding:18px 16px calc(var(--nav-h) + 18px);scrollbar-width:none}.screen-body::-webkit-scrollbar{display:none}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{font-family:var(--font-head);font-size:16px;font-weight:700;color:var(--c-t1)}.view-all{display:flex;align-items:center;gap:3px;font-size:12px;color:var(--c-teal);font-weight:600;cursor:pointer;background:none;border:none}.section-gap{height:22px}.record-card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--r-card);padding:14px 16px;display:flex;align-items:center;gap:13px;cursor:pointer;margin-bottom:12px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d;animation:slideUp .3s ease both;transition:background .15s,border-color .15s}.record-card:hover{background:var(--c-card-h)}.record-card.selected{background:var(--c-card-h);border-color:var(--c-teal)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.record-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px}.record-card.status-current:before{background:var(--c-teal)}.record-card.status-historic:before{background:var(--c-t4)}.record-avatar{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.record-info{flex:1;min-width:0}.record-id{font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--c-t1)}.record-meta{font-size:12px;color:var(--c-t3);margin-top:3px}.record-asset{font-size:11px;color:var(--c-t2);margin-top:2px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.record-right{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex-shrink:0}.chevron{color:var(--c-t4);font-size:18px;line-height:1}.status-badge{font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:4px 12px;border-radius:var(--r-pill)}.status-badge.current{background:var(--c-teal-dim);color:var(--c-teal);border:1px solid rgba(0,201,167,.22);animation:pulseTeal 3s ease-in-out infinite}.status-badge.historic{background:#4a6a8a1f;color:var(--c-t3);border:1px solid var(--c-t4)}@keyframes pulseTeal{0%,to{box-shadow:none}50%{box-shadow:0 0 8px var(--c-teal-glow)}}.search-bar{position:relative;margin-bottom:12px}.search-input{width:100%;background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--r-pill);padding:10px 44px 10px 40px;color:var(--c-t1);font-family:var(--font-body);font-size:16px;outline:none}.search-input::placeholder{color:var(--c-t3)}.search-icon-left{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--c-t3);pointer-events:none}.filter-pills{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none}.filter-pills::-webkit-scrollbar{display:none}.list-header .filter-pills{margin-bottom:0;padding-top:8px;position:relative;z-index:1}.filter-pill{flex-shrink:0;padding:6px 16px;border-radius:var(--r-pill);border:1px solid var(--c-border);background:transparent;color:var(--c-t3);font-family:var(--font-body);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.filter-pill.active{background:var(--c-teal);border-color:var(--c-teal);color:#fff;font-weight:700}.fab{position:fixed;bottom:calc(var(--nav-h) + 16px);right:20px;width:52px;height:52px;border-radius:16px;background:var(--c-teal);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:80;border:none;box-shadow:0 4px 20px var(--c-teal-glow);animation:fabPop .35s cubic-bezier(.34,1.56,.64,1) both;color:#fff}@keyframes fabPop{0%{transform:scale(0)}to{transform:scale(1)}}.app-mobile:has(.form-overlay) .bottom-nav{display:none}.bottom-nav{position:absolute;bottom:0;left:0;right:0;padding:8px 12px 10px;background:transparent;z-index:301;pointer-events:none}.bottom-nav .nav-pill{pointer-events:auto}.nav-pill{display:flex;align-items:center;background:var(--c-nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:999px;border:1px solid var(--c-border);height:52px;padding:3px 5px;gap:2px;box-shadow:0 4px 20px #00000059}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:5px 4px;border-radius:999px;background:#ffffff0a;border:none;color:inherit;min-height:44px;justify-content:center;transition:background .15s}.nav-item.active{background:#00c9a726}.nav-icon{width:22px;height:22px;color:var(--c-t2)}.nav-item.active .nav-icon{color:var(--c-teal)}.nav-label{font-family:var(--font-body);font-size:10px;font-weight:600;color:var(--c-t2);letter-spacing:.2px}.nav-item.active .nav-label{color:var(--c-teal)}.form-header{background:var(--c-header-bg);padding:var(--header-pt) 16px 14px;position:relative;overflow:hidden;flex-shrink:0}.form-header:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 90% 90% at 105% -10%,rgba(0,201,167,.18) 0%,transparent 55%)}.form-header-row{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.form-header-text h2{font-family:var(--font-head);font-size:18px;font-weight:700;color:var(--c-header-text)}.form-header-text p{font-size:12px;color:var(--c-header-sub);margin-top:3px}.form-body{flex:1;overflow-y:auto;padding:16px;scrollbar-width:none;padding-bottom:calc(var(--nav-h) + 18px)}.form-body::-webkit-scrollbar{display:none}.form-card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--r-card);overflow:hidden;margin-bottom:14px;box-shadow:0 4px 20px #00000040}.form-section-title{font-family:var(--font-body);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--c-t4);margin-bottom:7px;padding:0 2px}.form-field{padding:14px 16px;border-bottom:1px solid var(--c-border)}.form-field:last-child{border-bottom:none}.form-label{font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--c-teal);margin-bottom:6px}.required{color:var(--c-red)}.form-value{font-size:15px;color:var(--c-t1);display:flex;align-items:center;justify-content:space-between}.form-value.readonly{color:var(--c-t3);font-family:var(--font-head);font-weight:600;font-size:14px;letter-spacing:.3px}.form-value.placeholder{color:var(--c-t4)}.form-select{width:100%;background:transparent;border:none;outline:none;color:var(--c-t1);font-family:var(--font-body);font-size:16px;cursor:pointer;appearance:none;-webkit-appearance:none}.form-select option{background:var(--c-navy-mid);color:var(--c-t1)}.date-input{background:transparent;border:none;outline:none;color:var(--c-t1);font-family:var(--font-body);font-size:16px;cursor:pointer;width:100%}.date-input::-webkit-calendar-picker-indicator{filter:invert(.5) sepia(1) saturate(5) hue-rotate(140deg);cursor:pointer}[data-theme=light] .date-input::-webkit-calendar-picker-indicator{filter:invert(.3) sepia(.5) saturate(2) hue-rotate(140deg)}.notes-textarea{width:100%;background:transparent;border:none;resize:none;font-family:var(--font-body);font-size:16px;color:var(--c-t2);outline:none;min-height:64px;line-height:1.55;margin-top:4px}.notes-textarea::placeholder{color:var(--c-t4)}.segment-control{position:relative;display:flex;background:#ffffff05;border-radius:999px;padding:6px;margin-top:6px;align-items:center}.segment-control .segment-thumb{position:absolute;top:6px;left:6px;width:calc(50% - 12px);height:calc(100% - 12px);background:var(--c-teal);border-radius:999px;transition:transform .22s cubic-bezier(.2,.9,.2,1),box-shadow .18s;box-shadow:0 6px 20px var(--c-teal-glow);z-index:0}.segment-control .segment-thumb:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#0000000f}.segment-control[data-selected=Historic] .segment-thumb{transform:translate(100%)}.segment-option{position:relative;z-index:1;flex:1;text-align:center;padding:10px 12px;border-radius:8px;font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--c-t3);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .12s ease-in-out,background .18s ease-in-out,box-shadow .18s;border:1px solid transparent;background:transparent}.segment-option:not(.active):hover{color:var(--c-t2);background:#ffffff03}.segment-option[aria-checked=true],.segment-option.active{color:#fff;font-weight:800}.segment-control.disabled{opacity:.45;pointer-events:none}.stepper{display:flex;align-items:center;gap:18px;margin-top:6px}.stepper-btn{width:36px;height:36px;border-radius:10px;background:var(--c-navy);border:1px solid var(--c-border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--c-t2);font-size:20px;font-weight:300;-webkit-user-select:none;user-select:none;transition:border-color .12s}.stepper-btn:hover{border-color:var(--c-teal)}.stepper-value{font-family:var(--font-head);font-size:24px;font-weight:700;color:var(--c-t1);min-width:44px;text-align:center}.select-wrap{position:relative}.select-wrap select{padding-right:24px}.select-chevron{position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--c-t3);pointer-events:none}.location-flow{background:var(--c-navy);border-radius:12px;padding:14px;margin-top:6px;position:relative}.location-line{position:absolute;left:23px;top:36px;bottom:36px;width:2px;background:linear-gradient(to bottom,var(--c-amber),var(--c-teal));opacity:.4;border-radius:2px}.location-row{display:flex;align-items:center;gap:12px}.location-spacer{height:16px}.location-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.location-dot.from{background:var(--c-amber);box-shadow:0 0 6px #f59e0b80}.location-dot.to{background:var(--c-teal);box-shadow:0 0 6px var(--c-teal-glow)}.location-meta{flex:1}.location-label{font-size:12px;text-transform:uppercase;letter-spacing:.9px;color:var(--c-t3);font-weight:600;margin-bottom:1px}.location-value{display:flex;align-items:center;justify-content:space-between}.location-select{background:transparent;border:none;outline:none;color:var(--c-t1);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;appearance:none;-webkit-appearance:none;width:100%}.location-select option{background:var(--c-navy-mid)}.form-actions{position:absolute;bottom:0;left:0;right:0;padding:8px 12px 10px;background:transparent;z-index:90;pointer-events:none}.form-actions-pill{display:flex;align-items:center;justify-content:space-between;background:var(--c-nav-bg);pointer-events:auto;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:999px;border:1px solid var(--c-border);height:52px;padding:3px 8px 3px 14px;gap:8px;box-shadow:0 4px 20px #00000059}.action-group{display:flex;align-items:center;gap:8px}.action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;cursor:pointer;border:none}.action-btn.cancel{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:var(--c-red)}.action-btn.save{width:54px;height:54px;border-radius:50%;background:var(--c-teal);color:#fff;box-shadow:0 4px 18px var(--c-teal-glow)}.action-spacer{flex:1}.action-label{font-family:var(--font-body);font-size:11px;font-weight:600;color:var(--c-t4)}.form-field.error{background:#ef44440a}.form-field.error .form-label,.form-field.error .form-select,.form-field.error .location-select{color:var(--c-red)}.field-error-msg{font-size:12px;color:var(--c-red);margin-top:4px;font-weight:500;letter-spacing:.2px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-card{height:72px;border-radius:var(--r-card);margin-bottom:12px;background:linear-gradient(90deg,var(--c-card) 25%,var(--c-card-h) 50%,var(--c-card) 75%);background-size:400px 100%;animation:shimmer 1.4s ease-in-out infinite}.empty-state{display:flex;flex-direction:column;align-items:center;padding:60px 24px;text-align:center}.empty-state svg{opacity:.2;margin-bottom:16px}.empty-state h3{font-family:var(--font-head);font-size:16px;font-weight:700;color:var(--c-t3);margin-bottom:6px}.empty-state p{font-size:13px;color:var(--c-t4);line-height:1.6}.sidebar{width:220px;min-width:220px;height:100%;background:var(--c-sidebar);border-right:1px solid var(--c-border);display:flex;flex-direction:column;padding:0 0 18px;flex-shrink:0;z-index:10}.sidebar-logo{height:54px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--c-border);flex-shrink:0}.sidebar-nav{flex:1;padding:14px 10px;display:flex;flex-direction:column;gap:3px}.sidebar-section-label{font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--c-t4);padding:8px 8px 6px;margin-top:6px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .15s;color:var(--c-t3);background:none;border:none;width:100%;text-align:left}.sidebar-item:hover{background:#ffffff0a;color:var(--c-t2)}.sidebar-item.active{background:var(--c-teal-dim);color:var(--c-teal)}.sidebar-icon{width:18px;height:18px;flex-shrink:0}.sidebar-label{font-family:var(--font-body);font-size:14px;font-weight:500}.sidebar-badge{margin-left:auto;background:var(--c-teal);color:#fff;font-size:12px;font-weight:700;border-radius:20px;padding:4px 8px}.sidebar-user{padding:14px 16px;border-top:1px solid var(--c-border);display:flex;align-items:center;gap:10px}.sidebar-user-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.sidebar-user-name{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--c-t1)}.sidebar-user-role{font-family:var(--font-body);font-size:11px;color:var(--c-t3);margin-top:1px}.topbar{height:54px;flex-shrink:0;background:var(--c-header-bg);border-bottom:1px solid var(--c-border);display:flex;align-items:center;padding:0 22px;gap:14px;position:relative;overflow:hidden}.topbar:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 100% at 100% 50%,rgba(0,201,167,.14) 0%,transparent 55%)}.topbar-title{font-family:var(--font-head);font-size:17px;font-weight:700;color:var(--c-header-text);letter-spacing:-.2px;position:relative;z-index:1}.topbar-spacer{flex:1}.sync-indicator{position:relative;z-index:1;display:flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:12px;color:var(--c-header-sub)}.sync-dot{width:7px;height:7px;border-radius:50%;background:var(--c-teal);animation:pulseDot 2.5s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.topbar-action{position:relative;z-index:1;display:flex;align-items:center;gap:7px;padding:7px 16px;background:var(--c-teal);border-radius:9px;cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:600;color:#fff;box-shadow:0 2px 10px var(--c-teal-glow);border:none;transition:transform .15s}.topbar-action:hover{transform:translateY(-1px)}.dashboard-body{flex:1;overflow-y:auto;padding:20px;scrollbar-width:thin;scrollbar-color:var(--c-border) transparent}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.stat-card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--r-card);padding:16px 18px;display:flex;align-items:center;gap:14px;animation:fadeIn .4s ease both;box-shadow:0 4px 20px #0003;transition:background .15s,border-color .15s}.stat-card[style*="cursor: pointer"]:hover{background:var(--c-card-h);border-color:var(--c-teal)}.stat-card:nth-child(1){animation-delay:.05s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.teal{background:var(--c-teal-dim);color:var(--c-teal)}.stat-icon.amber{background:#f59e0b1f;color:var(--c-amber)}.stat-icon.blue{background:#3b82f61f;color:#60a5fa}.stat-value{font-family:var(--font-head);font-size:28px;font-weight:800;color:var(--c-t1);letter-spacing:-.5px;line-height:1;font-variant-numeric:tabular-nums lining-nums}.stat-label{font-family:var(--font-body);font-size:12px;color:var(--c-t3);margin-top:3px;font-weight:500}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.split-layout{flex:1;display:flex;overflow:hidden}.list-panel{width:310px;min-width:310px;border-right:1px solid var(--c-border);display:flex;flex-direction:column;background:var(--c-navy-mid);flex-shrink:0}.list-panel-header{padding:12px 14px 10px;border-bottom:1px solid var(--c-border);flex-shrink:0}.list-panel-search-wrap{position:relative;margin-bottom:9px}.list-panel-search{width:100%;background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--r-pill);padding:8px 12px 8px 32px;color:var(--c-t1);font-family:var(--font-body);font-size:12px;outline:none}.list-panel-search::placeholder{color:var(--c-t3)}.list-panel-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--c-t3);pointer-events:none}.list-panel-body{flex:1;overflow-y:auto;padding:10px;scrollbar-width:thin;scrollbar-color:var(--c-border) transparent}.list-count{font-family:var(--font-body);font-size:11px;color:var(--c-t3);padding:0 4px 8px;font-weight:500}.list-panel .record-card{padding:11px 14px;margin-bottom:8px;border-radius:12px}.list-panel .record-avatar{width:34px;height:34px;border-radius:9px;font-size:11px}.list-panel .record-id{font-size:13px}.list-panel .record-meta{font-size:11px;margin-top:2px}.list-panel .record-asset{font-size:12px;margin-top:1px}.list-panel .record-right{flex-direction:row;align-items:center;gap:6px}.detail-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--c-navy);min-width:0}.detail-header{padding:16px 22px 14px;border-bottom:1px solid var(--c-border);display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0}.detail-title{font-family:var(--font-head);font-size:17px;font-weight:700;color:var(--c-t1)}.detail-subtitle{font-family:var(--font-body);font-size:11px;color:var(--c-t3);margin-top:3px}.detail-body{flex:1;overflow-y:auto;padding:14px 22px;scrollbar-width:thin;scrollbar-color:var(--c-border) transparent}.detail-body .form-card{box-shadow:none}.detail-body .form-field{padding:11px 14px}.detail-body .form-value{font-size:13px}.detail-body .form-value.readonly{font-size:12px}.detail-body .stepper-value{font-size:19px}.detail-body .stepper-btn{width:28px;height:28px;border-radius:7px;font-size:15px}.detail-body .segment-option{padding:6px;font-size:12px}.detail-body .form-select,.detail-body .date-input{font-size:13px}.field-row{display:grid;grid-template-columns:1fr 1fr}.field-row .form-field{border-bottom:none;border-right:1px solid var(--c-border)}.field-row .form-field:last-child{border-right:none}.detail-actions{padding:12px 22px;border-top:1px solid var(--c-border);display:flex;align-items:center;justify-content:flex-end;gap:10px;background:var(--c-actions-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.detail-action-btn{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:9px;cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:500;border:none;transition:all .15s}.detail-action-btn.back{background:#ffffff0f;border:1px solid var(--c-border);color:var(--c-t2)}.detail-action-btn.cancel{background:#ef44441a;border:1px solid rgba(239,68,68,.22);color:var(--c-red)}.detail-action-btn.save{background:var(--c-teal);color:#fff;font-weight:600;box-shadow:0 3px 12px var(--c-teal-glow)}.detail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.detail-empty p{font-family:var(--font-body);font-size:13px;color:var(--c-t3);margin-top:14px}[data-theme=light] .segment-option[aria-checked=true],[data-theme=light] .detail-action-btn.save,[data-theme=light] .action-btn.save,[data-theme=light] .sidebar-badge,[data-theme=light] .topbar-action,[data-theme=light] .filter-pill.active,[data-theme=light] .theme-panel-btn.active,[data-theme=light] .fab{color:#fff!important}[data-theme=light] .theme-panel-btn.active{background:var(--c-teal)!important;color:#fff!important;box-shadow:0 6px 18px var(--c-teal-glow)}.demo-banner{background:var(--c-amber);color:#000;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:600;z-index:1000;position:relative}.demo-banner-actions{display:flex;gap:8px}.auth-btn{padding:4px 12px;border-radius:var(--r-pill);background:#000;color:#fff;text-decoration:none;font-size:12px;transition:opacity .15s}.auth-btn:hover{opacity:.8}.auth-btn.github{background:#24292e}.auth-btn.microsoft{background:#00a4ef}.theme-panel-options{display:flex;gap:5px;background:var(--c-navy);border-radius:10px;padding:3px}.theme-panel-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 4px;border-radius:8px;border:none;cursor:pointer;background:transparent;color:var(--c-t3);font-family:var(--font-body);font-size:12px;font-weight:500;transition:all .15s}.theme-panel-btn:hover{color:var(--c-t2)}.theme-panel-btn.active{background:var(--c-card);color:var(--c-teal);font-weight:700}.list-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:0 2px}.list-count-label{font-family:var(--font-body);font-size:12px;color:var(--c-t3);font-weight:500}.sort-btn{background:none;border:none;cursor:pointer;color:var(--c-t3);display:flex;align-items:center;gap:4px;font-family:var(--font-body);font-size:12px}.sort-btn:hover{color:var(--c-t2)}@media(display-mode:standalone),(display-mode:fullscreen){:root{--safe-padding: max(var(--safe-b), 4px)}}@media(min-width:768px){body{font-size:clamp(16px,1vw,18px)}.topbar-title,.detail-title{font-size:clamp(17px,1.4vw,22px)}.section-title{font-size:clamp(16px,1.3vw,20px)}.stat-value{font-size:clamp(28px,2.2vw,38px)}.stat-label,.form-label{font-size:clamp(12px,.9vw,14px)}.form-value{font-size:clamp(15px,1.1vw,17px)}.form-value.readonly{font-size:clamp(14px,1vw,16px)}.form-select,.date-input{font-size:clamp(15px,1.1vw,17px)}.notes-textarea{font-size:clamp(14px,1vw,16px)}.form-section-title{font-size:clamp(12px,.9vw,14px)}.segment-option{font-size:clamp(13px,.95vw,15px)}.stepper-value{font-size:clamp(22px,1.7vw,28px)}.record-id{font-size:clamp(14px,1vw,16px)}.record-meta{font-size:clamp(12px,.85vw,13px)}.record-asset{font-size:clamp(11px,.8vw,12px)}.list-count{font-size:clamp(11px,.8vw,13px)}.list-count-label{font-size:clamp(12px,.85vw,14px)}.sidebar-label,.sidebar-user-name{font-size:clamp(13px,.95vw,15px)}.sidebar-user-role{font-size:clamp(11px,.8vw,13px)}.detail-action-btn{font-size:clamp(13px,.95vw,15px);padding:clamp(9px,.7vw,12px) clamp(18px,1.4vw,24px)}.detail-subtitle{font-size:clamp(11px,.8vw,13px)}}@media(display-mode:standalone){.app-header,.list-header,.form-header{padding-top:calc(20px + env(safe-area-inset-top,0px))}.form-actions{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.fab{bottom:calc(var(--nav-h) + 16px)}}