/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--navy:#10293f;--navy-2:#183c58;--teal:#0d7c78;--teal-dark:#086562;--ink:#172733;--muted:#6c7b86;--line:#dfe6e8;--canvas:#f4f7f6;--white:#fff;--amber:#e89928;--red:#d95c4f;--blue:#3978bd;--green:#29906d;--purple:#7559a8}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink);font-family:var(--font-body), Arial, sans-serif;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:active{transform:translateY(1px)scale(.99)}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #0d7c7840}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{font-family:var(--font-display), sans-serif}.eyebrow{color:var(--teal);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800}.eyebrow.light{color:#9ed7cf}.logo-mark{background:var(--teal);border-radius:11px;flex:none;gap:3px;width:42px;height:42px;padding:9px;display:grid}.logo-mark span{border:2px solid #fff;border-radius:2px}.auth-shell{background:#fff;grid-template-columns:1fr 1.08fr;min-height:100vh;display:grid}.auth-brand{background:var(--navy);color:#fff;flex-direction:column;justify-content:center;min-height:100vh;padding:clamp(42px,8vw,110px);display:flex;position:relative;overflow:hidden}.auth-brand:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-160px;right:-240px;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff05}.auth-brand .logo-mark{width:58px;height:58px;margin-bottom:42px}.auth-brand h1{letter-spacing:-.05em;margin-bottom:12px;font-size:clamp(46px,7vw,72px)}.auth-brand p:not(.eyebrow){color:#b9c8d2;max-width:520px;font-size:17px;line-height:1.7}.brand-stats{gap:64px;margin-top:70px;display:flex}.brand-stats div{display:grid}.brand-stats strong{font-size:26px}.brand-stats span{color:#91a5b2;margin-top:5px;font-size:12px}.role-panel{place-items:center;padding:48px;display:grid}.role-panel-inner{width:min(560px,100%)}.secure-badge{color:var(--teal);background:#e8f5f2;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-block}.role-panel h2{letter-spacing:-.04em;margin:24px 0 8px;font-size:34px}.role-panel p{color:var(--muted)}.role-grid{gap:12px;margin-top:30px;display:grid}.role-card{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px;transition:all .18s;display:grid}.role-card:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:0 8px 24px #10293f14}.role-card span:nth-child(2){gap:3px;display:grid}.role-card small,.top-user small,.profile-mini small{color:var(--muted)}.role-card b{color:#9aa7ad;font-size:24px}.role-avatar{width:44px;height:44px;color:var(--teal);background:#e3f2ef;border-radius:12px;place-items:center;font-size:12px;font-weight:800;display:grid}.role-avatar.ops{color:#3e6fa6;background:#e7eef9}.role-avatar.finance{color:#99661a;background:#f7eddb}.role-avatar.management{color:#7559a8;background:#eee8f8}.role-avatar.large{border-radius:18px;width:64px;height:64px;font-size:16px}.role-avatar.small{width:38px;height:38px}.auth-help{text-align:center;margin-top:28px;font-size:12px}.pin-shell{background:linear-gradient(140deg,#eef6f3,#f7f8f7);place-items:center;min-height:100vh;padding:32px;display:grid}.pin-shell:before{content:"";background:var(--navy);z-index:0;position:fixed;inset:0 50% 0 0}.back-button{z-index:2;color:#fff;background:0 0;border:0;font-weight:700;position:fixed;top:24px;left:28px}.pin-card{z-index:1;background:#fff;border-radius:24px;gap:18px;width:min(480px,100%);padding:42px;display:grid;position:relative;box-shadow:0 28px 80px #10293f2e}.pin-card .logo-mark{position:absolute;top:28px;right:28px}.pin-card h1{margin:0;font-size:30px}.pin-card>p:not(.eyebrow){color:var(--muted);margin-bottom:2px;line-height:1.6}.pin-card label:not(.check-row){gap:8px;font-size:13px;font-weight:700;display:grid}.pin-card input{border:1px solid var(--line);background:#fbfcfc;border-radius:10px;width:100%;padding:14px 15px}.pin-card .pin-input{letter-spacing:.5em;font-size:24px}.check-row{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.check-row input{width:18px;height:18px}.pin-card>small{text-align:center;color:var(--muted)}.primary-button,.secondary-button,.sync-button{border-radius:10px;min-height:44px;padding:0 18px;font-weight:750;transition:all .15s}.primary-button{background:var(--teal);color:#fff;border:1px solid var(--teal)}.primary-button:hover{background:var(--teal-dark)}.secondary-button,.sync-button{color:var(--ink);border:1px solid var(--line);background:#fff}.secondary-button:hover,.sync-button:hover{border-color:var(--teal);color:var(--teal)}.app-shell{min-height:100vh}.sidebar{background:var(--navy);color:#fff;z-index:20;flex-direction:column;width:236px;padding:24px 14px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:11px;padding:0 9px 28px;display:flex}.sidebar-brand>span{display:grid}.sidebar-brand strong{font-size:18px}.sidebar-brand small{letter-spacing:.06em;color:#8fa4b2;text-transform:uppercase;font-size:9px}.sidebar nav{gap:6px;margin-top:25px;display:grid}.sidebar nav button{color:#afbdc7;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:12px 11px;display:grid}.sidebar nav button i{font-size:19px;font-style:normal}.sidebar nav button em,.bottom-nav em{color:#fff;background:#d8594b;border-radius:99px;place-items:center;min-width:20px;height:20px;font-size:10px;font-style:normal;display:grid}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#ffffff1a}.side-status{border-top:1px solid #ffffff1a;align-items:center;gap:9px;margin-top:auto;padding:15px 10px;display:flex}.side-status div{display:grid}.side-status strong{font-size:11px}.side-status small{color:#8fa4b2;margin-top:2px;font-size:9px}.online-dot{background:#3ed092;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #3ed0921f}.profile-mini{color:#fff;text-align:left;background:#ffffff0d;border:0;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:6px;padding:10px 8px;display:grid}.profile-mini>span:nth-child(2){display:grid}.profile-mini strong{font-size:10px}.profile-mini small{font-size:9px}.main-area{min-height:100vh;margin-left:236px}.topbar{border-bottom:1px solid var(--line);z-index:15;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;align-items:center;gap:18px;height:70px;padding:0 34px;display:flex;position:sticky;top:0}.global-search{background:#f4f6f6;border:1px solid #0000;border-radius:9px;flex:1;align-items:center;gap:10px;max-width:640px;padding:0 12px;display:flex}.global-search:focus-within{border-color:var(--teal);background:#fff}.global-search input{background:0 0;border:0;outline:0;flex:1;min-width:0;min-height:40px;font-size:13px}.global-search kbd{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:5px;padding:4px 6px;font-size:10px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:10px;width:40px;height:40px;position:relative}.icon-button em{color:#fff;background:#d95c4f;border:2px solid #fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:8px;font-style:normal;display:grid;position:absolute;top:-5px;right:-5px}.top-user{border-left:1px solid var(--line);align-items:center;gap:9px;padding-left:18px;display:flex}.top-user div{display:grid}.top-user strong{font-size:11px}.top-user small{margin-top:2px;font-size:9px}.mobile-brand{display:none}.notification-popover{border:1px solid var(--line);background:#fff;border-radius:14px;width:min(380px,100vw - 24px);padding:15px;position:absolute;top:62px;right:30px;box-shadow:0 20px 50px #10293f2e}.notification-popover>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:4px 2px 10px;display:flex}.notification-popover>div button{background:0 0;border:0;font-size:22px}.notification-popover p{border-bottom:1px solid #edf1f2;gap:10px;margin:0;padding:13px 3px;display:flex}.notification-popover p>span{font-size:12px;display:grid}.notification-popover p small{color:var(--muted);margin-top:3px}.content{max-width:1480px;margin:auto;padding:34px}.welcome-row{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.welcome-row h1{letter-spacing:-.04em;margin-bottom:7px;font-size:28px}.welcome-row p:last-child{color:var(--muted);margin:0;font-size:13px}.sync-button{white-space:nowrap;font-size:12px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric-card{text-align:left;border:1px solid var(--line);min-height:112px;color:var(--ink);background:#fff;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:19px;display:grid}.metric-card:hover{border-color:#c9d5d8;box-shadow:0 10px 26px #10293f14}.metric-card>div{display:grid}.metric-card small{color:var(--muted);font-size:10px}.metric-card strong{margin:3px 0 1px;font-size:25px}.metric-card p{color:var(--green);margin:0;font-size:9px}.metric-card>b{color:#9ca9ae}.metric-icon{width:39px;height:39px;color:var(--navy);background:#edf3f6;border-radius:10px;place-items:center;font-size:18px;display:grid}.metric-icon.teal{color:var(--teal);background:#e5f4f1}.metric-icon.blue{color:var(--blue);background:#e8f0f9}.metric-icon.green{color:var(--green);background:#e6f4ef}.dashboard-grid{grid-template-columns:1.45fr .8fr;gap:14px;margin-top:14px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:13px}.task-panel,.occupancy,.activity-panel{padding:21px}.section-title{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-title h2{margin-bottom:14px;font-size:16px}.section-title>button{color:var(--teal);background:0 0;border:0;font-size:10px;font-weight:800}.section-title>span{color:var(--muted);font-size:9px}.alert-list{display:grid}.alert-list button{text-align:left;color:var(--ink);background:#fff;border:0;border-top:1px solid #edf1f2;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 2px;display:grid}.alert-list button:hover{background:#f9fbfa}.alert-list button>span:nth-child(2){display:grid}.alert-list strong{font-size:11px}.alert-list small{color:var(--muted);margin-top:3px;font-size:9px}.alert-list b{color:#a3adb1}.alert-icon{border-radius:9px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.alert-icon.amber{color:var(--amber);background:#fdf0db}.alert-icon.red{color:var(--red);background:#fbe7e4}.alert-icon.blue{color:var(--blue);background:#e5f0fa}.live-badge{background:#e8f5ef;border-radius:99px;padding:6px 9px;color:var(--green)!important}.occupancy-chart{align-items:center;gap:22px;padding:5px 0 17px;display:flex}.donut{background:conic-gradient(var(--teal) 0 72.8%, var(--blue) 72.8% 74.4%, #e5e9ea 74.4% 100%);border-radius:50%;flex:none;place-items:center;width:118px;height:118px;display:grid}.donut:before{content:"";background:#fff;border-radius:50%;width:78px;height:78px}.donut span{text-align:center;display:grid;position:absolute}.donut strong{font-size:18px}.donut small{color:var(--muted);font-size:9px}.legend{flex:1}.legend p{color:var(--muted);grid-template-columns:10px 1fr auto;align-items:center;gap:7px;margin-bottom:9px;font-size:9px;display:grid}.legend i{background:var(--teal);border-radius:50%;width:7px;height:7px}.legend i.ready{background:var(--blue)}.legend i.empty{background:#e5e9ea}.legend strong{color:var(--ink)}.occupancy .secondary-button{width:100%;min-height:38px;font-size:10px}.finance-strip{background:var(--navy);color:#fff;border-radius:13px;grid-template-columns:1.7fr 1fr 1fr auto;align-items:center;gap:22px;margin-top:14px;padding:22px;display:grid}.finance-strip>div{display:grid}.finance-strip h2{margin:0;font-size:28px}.finance-strip strong{font-size:19px}.finance-strip span{color:#9fb0ba;margin-top:4px;font-size:10px}.finance-strip button{color:#fff;background:#ffffff14;border:1px solid #ffffff40;border-radius:9px;padding:12px 15px;font-weight:700}.activity-panel{margin-top:14px}.activity-row>div{border-top:1px solid #edf1f2;grid-template-columns:48px 27px 1fr auto;align-items:center;gap:8px;min-height:45px;display:grid}.activity-row time{color:var(--muted);font-size:10px}.activity-dot{width:25px;height:25px;color:var(--teal);background:#e6f3f0;border-radius:50%;place-items:center;font-size:11px;display:grid}.activity-row p{margin:0;display:grid}.activity-row strong{font-size:10px}.activity-row small{color:var(--muted);margin-top:2px;font-size:8px}.activity-row button{color:var(--teal);background:0 0;border:0;font-size:9px;font-weight:700}.search-results{border:1px solid var(--line);background:#fff;border-radius:13px;margin-bottom:14px;padding:20px;box-shadow:0 15px 40px #10293f14}.container-list{display:grid}.container-list article{border-top:1px solid #edf1f2;grid-template-columns:auto 1.3fr auto 1fr auto;align-items:center;gap:15px;padding:12px 0;display:grid}.container-icon{width:34px;height:34px;color:var(--teal);background:#e9f2f1;border-radius:8px;place-items:center;display:grid}.container-list article>div{display:grid}.container-list small{color:var(--muted);font-size:9px}.container-list strong{font-size:11px}.container-list button{border:1px solid var(--line);color:var(--teal);background:#fff;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:700}.status{color:var(--blue);background:#e8f2f7;border-radius:99px;padding:5px 8px;font-size:8px}.status.ready-out{color:var(--green);background:#e6f4ef}.status.repair{color:var(--purple);background:#eee8f8}.status.dokumen-hold{color:#a56c17;background:#fdf0db}.form-page{padding-bottom:90px}.draft-badge{color:var(--green);background:#e8f5ef;border-radius:99px;padding:8px 11px;font-size:10px}.stepper{grid-template-columns:repeat(6,1fr);max-width:900px;margin:0 auto 20px;display:grid}.stepper div{color:#9ca8ad;justify-items:center;gap:5px;font-size:9px;display:grid;position:relative}.stepper div:after{content:"";z-index:0;background:#dce3e5;height:2px;position:absolute;top:14px;left:58%;right:-42%}.stepper div:last-child:after{display:none}.stepper span{background:var(--canvas);z-index:1;border:2px solid #dce3e5;border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;font-weight:800;display:grid}.stepper .done{color:var(--teal)}.stepper .done span{background:var(--teal);color:#fff;border-color:var(--teal)}.stepper .done:after{background:var(--teal)}.form-card{border:1px solid var(--line);background:#fff;border-radius:15px;max-width:900px;min-height:400px;margin:auto;padding:28px}.form-header{border-bottom:1px solid #edf1f2;align-items:flex-start;gap:13px;margin-bottom:24px;padding-bottom:17px;display:flex}.form-header>span{background:var(--navy);color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.form-header h2{margin-bottom:4px;font-size:19px}.form-header p{color:var(--muted);margin:0;font-size:11px}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.field{gap:7px;font-size:11px;font-weight:700;display:grid}.field input,.inspection-grid select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fbfcfc;border-radius:9px;padding:0 12px}.upload-box{width:100%;min-height:88px;color:var(--teal);background:#f8faf9;border:1.5px dashed #bdcbce;border-radius:10px;justify-content:center;align-items:center;gap:12px;margin-top:18px;font-size:22px;display:flex}.upload-box span{text-align:left;color:var(--ink);font-size:11px;display:grid}.upload-box small{color:var(--muted);margin-top:3px}.scan-actions{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:17px;display:grid}.scan-actions button{min-height:48px;color:var(--teal);background:#edf7f5;border:1px solid #b9ded8;border-radius:9px;font-weight:750}.validation-ok,.field-safety{color:var(--green);background:#eaf6f1;border-radius:9px;margin-top:17px;padding:13px;font-size:11px}.inspection-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.inspection-grid label{background:#f7f9f9;border-radius:9px;grid-template-columns:1fr 1fr;align-items:center;gap:10px;padding:9px 12px;font-size:11px;font-weight:700;display:grid}.choice-grid{grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:20px;display:grid}.choice-grid button{border:1px solid var(--line);min-height:65px;color:var(--ink);background:#fff;border-radius:9px;font-weight:700}.choice-grid button.selected{color:var(--teal);border-color:var(--teal);background:#e8f5f2}.recommendations{gap:10px;display:grid}.recommendations button{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:11px;gap:4px;padding:16px;display:grid}.recommendations button.best{border:2px solid var(--teal);background:#f3faf8}.recommendations button>span{color:var(--teal);letter-spacing:.08em;font-size:8px;font-weight:800}.recommendations button>strong{font-size:19px}.recommendations button>small,.recommendations button>p{color:var(--muted);margin:0;font-size:10px}.review-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.review-grid>div{background:#f6f8f8;border-radius:9px;gap:4px;padding:15px;display:grid}.review-grid small{color:var(--muted);font-size:9px}.review-grid strong{font-size:11px}.field-safety{color:var(--blue);background:#eef4f8;line-height:1.5}.sticky-actions{border-top:1px solid var(--line);z-index:12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:70px;padding:10px 34px;display:grid;position:fixed;bottom:0;left:236px;right:0}.sticky-actions>span{text-align:center;color:var(--muted);font-size:10px}.sticky-actions button:disabled{opacity:.45;cursor:not-allowed}.success-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:18px;max-width:680px;margin:40px auto;padding:42px}.success-card>span{width:72px;height:72px;color:var(--green);background:#e5f5ef;border-radius:50%;place-items:center;margin:auto auto 19px;font-size:32px;display:grid}.success-card h1{margin-bottom:9px;font-size:31px}.success-card>p:not(.eyebrow){color:var(--muted)}.slip-grid{text-align:left;grid-template-columns:1fr 1fr;gap:9px;margin:26px 0;display:grid}.slip-grid div{background:#f6f8f8;border-radius:8px;padding:13px;display:grid}.slip-grid small{color:var(--muted);font-size:9px}.slip-grid strong{margin-top:3px;font-size:11px}.success-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.yard-search{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:10px;height:52px;margin-bottom:14px;padding:0 6px 0 15px;display:flex}.yard-search input{border:0;outline:0;flex:1;min-width:0}.yard-search button{background:var(--teal);color:#fff;border:0;border-radius:8px;height:40px;padding:0 16px;font-weight:700}.view-switch{background:#e9eeee;border-radius:9px;padding:3px;display:flex}.view-switch button{background:0 0;border:0;border-radius:7px;padding:8px 12px;font-size:10px}.view-switch button.active{color:var(--teal);background:#fff;box-shadow:0 2px 5px #10293f14}.yard-layout{grid-template-columns:1fr 310px;gap:14px;display:grid}.yard-map{background:#e8edeb;border:8px solid #fff;min-height:580px;padding:72px 34px 54px;position:relative;overflow:hidden}.road{background:#c8d0cd;position:absolute}.road.horizontal{color:#8c9a96;letter-spacing:.15em;place-items:center;height:52px;font-size:9px;display:grid;top:45%;left:0;right:0}.road.vertical{width:34px;top:0;bottom:0}.road.vertical.one{left:33%}.road.vertical.two{left:68%}.block-grid{z-index:2;grid-template-columns:repeat(4,1fr);gap:70px 45px;display:grid;position:relative}.yard-block{min-height:160px;color:var(--ink);background:#f7f9f8;border:2px solid #61aa8b;border-radius:7px;flex-direction:column;justify-content:center;padding:14px;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 15px #10293f14}.yard-block:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 13%,#3c5a4e17 13% 14%);position:absolute;inset:0}.yard-block span,.yard-block strong,.yard-block small{z-index:2;position:relative}.yard-block>span{color:var(--muted);font-size:8px}.yard-block>strong{font-size:28px}.yard-block>small{font-size:8px}.yard-block>i{background:#61aa8b;height:7px;position:absolute;bottom:0;left:0}.yard-block.amber{border-color:#d6a64c}.yard-block.amber>i{background:#d6a64c}.yard-block.red{border-color:var(--red)}.yard-block.red>i{background:var(--red)}.yard-block.purple{border-color:var(--purple)}.yard-block.purple>i{background:var(--purple)}.yard-block.blue,.yard-block.cyan{border-color:var(--blue)}.yard-block.blue>i,.yard-block.cyan>i{background:var(--blue)}.yard-block.selected{transform:translateY(-2px);box-shadow:0 0 0 4px #0d7c7838,0 12px 24px #10293f29}.gate-label{background:var(--navy);color:#fff;z-index:3;border-radius:6px;padding:8px 11px;font-size:9px;font-weight:800;position:absolute;top:14px}.gate-label.in{left:22px}.gate-label.out{right:22px}.map-legend{z-index:3;color:#60706a;gap:17px;font-size:8px;display:flex;position:absolute;bottom:14px;left:22px;right:22px}.map-legend span{align-items:center;gap:5px;display:flex}.map-legend i{background:var(--green);border-radius:2px;width:8px;height:8px}.map-legend i.amber{background:var(--amber)}.map-legend i.red{background:var(--red)}.map-legend i.purple{background:var(--purple)}.block-detail{padding:23px}.block-detail h2{margin-bottom:10px;font-size:36px}.capacity-bar{background:#e5e9ea;border-radius:99px;height:7px;overflow:hidden}.capacity-bar i{background:var(--green);height:100%;display:block}.capacity-bar.amber i{background:var(--amber)}.capacity-bar.red i{background:var(--red)}.capacity-bar.purple i{background:var(--purple)}.capacity-bar.blue i,.capacity-bar.cyan i{background:var(--blue)}.block-stats{grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0 25px;display:grid}.block-stats div{text-align:center;background:#f6f8f8;border-radius:7px;padding:10px 4px;display:grid}.block-stats strong{font-size:14px}.block-stats small{color:var(--muted);font-size:7px}.block-detail h3{font-size:11px}.stack{flex-direction:column;gap:5px;display:flex}.stack button{min-height:39px;color:var(--muted);background:#f8fafa;border:1px dashed #cbd4d6;border-radius:6px;justify-content:space-between;align-items:center;padding:0 10px;font-size:8px;display:flex}.stack button.occupied{color:var(--ink);background:#dfe9e6;border-style:solid}.stack button.highlight{background:var(--teal);color:#fff;border-color:var(--teal);box-shadow:0 0 0 3px #0d7c782e}.location-note{border-left:3px solid var(--teal);background:#f1f7f5;margin:16px 0;padding:10px 12px}.location-note strong{font-size:11px}.location-note p{color:var(--muted);margin:4px 0 0;font-size:8px}.block-detail>.primary-button{width:100%;font-size:10px}.task-tabs{gap:8px;margin-bottom:16px;display:flex;overflow-x:auto}.task-tabs button{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:9px;min-height:40px;padding:0 15px;font-size:10px;font-weight:700}.task-tabs button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.task-tabs b{background:#ffffff26;border-radius:99px;margin-left:4px;padding:2px 5px}.task-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.task-cards article{border:1px solid var(--line);background:#fff;border-radius:13px;padding:19px}.task-top{justify-content:space-between;align-items:center;display:flex}.task-top>span{border-radius:99px;padding:5px 8px;font-size:8px;font-weight:800}.priority-high{color:var(--red);background:#fbe9e7}.priority-normal{color:var(--blue);background:#e9f1f9}.task-top small{color:var(--muted);font-size:8px}.task-cards h2{margin:18px 0 7px;font-size:18px}.task-route{color:var(--muted);min-height:32px;font-size:10px}.task-route span{color:var(--teal);margin-right:7px}.task-meta{border-top:1px solid #edf1f2;grid-template-columns:1fr 1fr;gap:7px;margin:15px 0;padding-top:13px;display:grid}.task-meta>div{gap:3px;display:grid}.task-meta small{color:var(--muted);font-size:8px}.task-meta strong{font-size:9px}.task-actions{grid-template-columns:auto 1fr;gap:8px;display:grid}.task-actions button{border:1px solid var(--line);min-height:40px;color:var(--ink);background:#fff;border-radius:8px;padding:0 12px;font-size:9px;font-weight:700}.task-actions .primary-button{background:var(--teal);color:#fff;border-color:var(--teal)}.permission-banner{color:#2f6386;background:#eef5f8;border-radius:11px;align-items:flex-start;gap:13px;margin-bottom:26px;padding:17px;display:flex}.permission-banner>span{font-size:22px}.permission-banner strong{font-size:12px}.permission-banner p{margin:4px 0 0;font-size:10px;line-height:1.5}.menu-group{margin:24px 0}.menu-cards{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.menu-cards button{border:1px solid var(--line);text-align:left;min-height:90px;color:var(--ink);background:#fff;border-radius:11px;grid-template-rows:1fr 1fr;grid-template-columns:auto 1fr auto;align-items:center;gap:3px 12px;padding:14px;display:grid}.menu-cards button:hover{border-color:var(--teal);box-shadow:0 8px 20px #10293f0f}.menu-cards button>span{width:38px;height:38px;color:var(--teal);background:#e9f4f1;border-radius:9px;grid-row:1/3;place-items:center;font-size:17px;display:grid}.menu-cards button>span.finance-icon{color:#a06b1c;background:#f8eedc}.menu-cards button strong{align-self:end;font-size:11px}.menu-cards button small{color:var(--muted);align-self:start;font-size:8px}.menu-cards button b{color:#a3adb1;grid-area:1/3/3;font-size:19px}.guide-page{max-width:980px;margin:0 auto}.guide-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}.guide-heading h1{letter-spacing:-.04em;margin:4px 0 8px;font-size:30px}.guide-heading p:last-child{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.guide-heading .secondary-button{width:auto;min-width:150px}.guide-notice{color:#79551f;background:#fff8e9;border:1px solid #f0d8aa;border-radius:11px;align-items:center;gap:14px;margin-bottom:18px;padding:15px 18px;font-size:11px;display:flex}.guide-notice strong{color:#3e2b0d;text-transform:uppercase;background:#e9b955;border-radius:6px;flex:none;padding:5px 8px;font-size:9px}.guide-list{grid-template-columns:1fr 1fr;gap:13px;display:grid}.guide-card{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:44px 1fr;gap:14px;padding:20px;display:grid;box-shadow:0 5px 16px #10293f09}.guide-card>span{width:42px;height:42px;color:var(--teal);background:#e9f4f1;border-radius:10px;place-items:center;font-size:13px;font-weight:800;display:grid}.guide-card h2{margin:2px 0 10px;font-size:15px}.guide-card ol{color:var(--muted);margin:0;padding-left:17px;font-size:10px;line-height:1.65}.guide-card li+li{margin-top:5px}.guide-install{background:var(--navy);color:#fff;border-radius:13px;justify-content:space-between;align-items:center;gap:24px;margin-top:18px;padding:22px;display:flex}.guide-install h2{margin:4px 0 7px;font-size:18px}.guide-install p:last-child{color:#c8d6dd;margin:0;font-size:10px;line-height:1.6}.guide-install .primary-button{width:auto;min-width:130px}.bottom-nav{display:none}.toast{z-index:100;background:var(--navy);color:#fff;border-radius:10px;max-width:min(380px,100vw - 32px);padding:13px 17px;font-size:11px;font-weight:700;animation:.25s toast-in;position:fixed;bottom:24px;right:24px;box-shadow:0 15px 35px #10293f40}.toast.error{background:var(--red)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}@media (width<=1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.yard-layout{grid-template-columns:1fr}.block-detail{grid-template-columns:1fr 1fr;gap:12px 22px;display:grid}.block-detail>.primary-button{grid-column:1/-1}.task-cards,.menu-cards{grid-template-columns:repeat(2,1fr)}.top-user div{display:none}}@media (width<=760px){body{background:#f5f7f6}.auth-shell{grid-template-columns:1fr}.auth-brand{justify-content:flex-start;min-height:270px;padding:28px 24px}.auth-brand .logo-mark{width:46px;height:46px;margin-bottom:24px}.auth-brand h1{font-size:38px}.auth-brand p:not(.eyebrow){font-size:14px;line-height:1.5}.brand-stats{display:none}.role-panel{padding:28px 20px 40px}.role-panel h2{font-size:28px}.role-card{min-height:74px}.pin-shell{align-items:start;padding:74px 16px 30px}.pin-shell:before{height:220px;inset:0 0 auto}.pin-card{padding:28px 22px}.back-button{top:18px;left:17px}.sidebar{display:none}.main-area{margin-left:0;padding-bottom:72px}.topbar{gap:10px;height:62px;padding:0 14px}.mobile-brand{align-items:center;gap:7px;display:flex}.mobile-brand .logo-mark{border-radius:8px;width:34px;height:34px;padding:7px}.mobile-brand strong{display:none}.global-search{min-width:0}.global-search input{font-size:11px}.global-search kbd,.top-user{display:none}.notification-popover{top:56px;right:12px}.content{padding:21px 14px}.welcome-row{align-items:center;margin-bottom:20px}.welcome-row h1{font-size:23px}.welcome-row p:last-child{font-size:11px;line-height:1.5}.sync-button{width:44px;padding:0;font-size:0}.sync-button:first-letter{font-size:16px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{flex-direction:column;align-items:flex-start;gap:9px;min-height:116px;padding:14px;display:flex}.metric-card>b{display:none}.metric-card strong{font-size:22px}.metric-icon{width:34px;height:34px}.dashboard-grid{grid-template-columns:1fr}.task-panel,.occupancy,.activity-panel{padding:16px}.finance-strip{grid-template-columns:1fr 1fr;padding:19px}.finance-strip>div:first-child,.finance-strip button{grid-column:1/-1}.activity-panel{margin-bottom:10px}.activity-row>div{grid-template-columns:42px 26px 1fr}.activity-row button{display:none}.bottom-nav{z-index:25;min-height:66px;padding:6px 5px max(6px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff7;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #10293f14}.bottom-nav button{color:#7b898e;background:0 0;border:0;align-content:center;justify-items:center;gap:3px;font-size:9px;display:grid;position:relative}.bottom-nav button i{font-size:20px;font-style:normal;line-height:1}.bottom-nav button.active{color:var(--teal)}.bottom-nav button.active:before{content:"";background:var(--teal);border-radius:0 0 4px 4px;width:26px;height:3px;position:absolute;top:-6px}.bottom-nav em{min-width:17px;height:17px;position:absolute;top:2px;left:53%}.toast{bottom:82px;right:16px}.container-list article{grid-template-columns:auto 1fr auto;padding:13px 0}.container-list article>div:nth-of-type(2),.container-list article>button{grid-column:2/4}.form-page{padding-bottom:74px}.stepper{grid-template-columns:repeat(6,minmax(62px,1fr));padding-bottom:5px;overflow-x:auto}.stepper div:after{left:65%;right:-35%}.form-card{border-radius:12px;min-height:480px;padding:20px 16px}.form-grid,.inspection-grid,.scan-actions{grid-template-columns:1fr}.choice-grid,.review-grid{grid-template-columns:1fr 1fr}.sticky-actions{min-height:64px;padding:8px 14px;bottom:66px;left:0}.sticky-actions span{display:none}.sticky-actions{grid-template-columns:1fr 1.4fr}.sticky-actions button{width:100%;padding:0 10px}.success-card{margin:10px auto;padding:28px 18px}.slip-grid{grid-template-columns:1fr}.yard-search input{font-size:10px}.yard-search button{padding:0 10px;font-size:9px}.view-switch{display:none}.yard-map{min-height:540px;padding:64px 14px 55px}.block-grid{grid-template-columns:repeat(2,1fr);gap:58px 31px}.yard-block{min-height:92px;padding:8px}.yard-block>strong{font-size:21px}.road.vertical.one{left:48%}.road.vertical.two{display:none}.road.horizontal{height:42px}.map-legend{flex-wrap:wrap;gap:8px 12px}.block-detail,.task-cards,.menu-cards{grid-template-columns:1fr}.task-cards article{padding:17px}.menu-cards button{min-height:82px}.guide-heading{display:grid}.guide-heading .secondary-button{width:100%}.guide-list{grid-template-columns:1fr}.guide-notice{align-items:flex-start}.guide-install{display:grid}.guide-install .primary-button{width:100%}}@media print{.sidebar,.topbar,.bottom-nav,.sticky-actions,.success-actions,.guide-heading button,.guide-install button,.toast{display:none!important}.main-area{margin:0}.success-card{box-shadow:none;border:0}.content{padding:0}.guide-page{max-width:none}.guide-card{break-inside:avoid;box-shadow:none}}