@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";:root{--bg-wash:#d4e1ee;--card-bg:#ffffff9e;--card-bg-solid:#fff;--navy:#1a3a5c;--navy-hover:#142d47;--navy-light:#1a3a5c14;--gold:#c9a84c;--gold-light:#c9a84c1f;--ink:#0f1c2e;--ink-2:#2c3e55;--ink-3:#5a6e82;--ink-4:#8fa3b8;--success:#0d7a55;--success-bg:#e6f5f0;--warning:#b45309;--warning-bg:#fef3c7;--danger:#c0392b;--danger-bg:#fee2e2;--info:#1d5fa6;--info-bg:#dbeafe;--border:#1a3a5c24;--border-strong:#1a3a5c3d;--topbar-h:60px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:28px;--shadow-card:0 2px 8px #1a3a5c14, 0 1px 3px #1a3a5c0f;--shadow-lg:0 8px 32px #1a3a5c1f, 0 2px 8px #1a3a5c14;--ease:cubic-bezier(.16, 1, .3, 1);--dur-fast:.12s;--dur-normal:.22s;--color-primary:var(--navy);--color-primary-hover:var(--navy-hover);--color-primary-light:var(--navy-light);--color-accent:var(--gold);--color-success:var(--success);--color-bg:var(--bg-wash);--color-bg-subtle:#1a3a5c0a;--color-surface:var(--card-bg-solid);--color-border:var(--border);--color-text:var(--ink);--color-text-muted:var(--ink-4);--color-danger:var(--danger);--color-warning:var(--warning);--color-info:var(--info);--sidebar-width:0px;--topbar-height:var(--topbar-h);--radius-sm:var(--r-sm);--radius-md:var(--r-md);--radius-lg:var(--r-lg);--radius-xl:var(--r-xl);--shadow-sm:var(--shadow-card);--shadow-md:var(--shadow-lg);--bg:#fff;--line:#1a3a5c24;--line-2:#1a3a5c14;--ok-bg:#e6f5f0;--ok-tx:#0d7a55;--busy-bg:#fee2e2;--busy-tx:#c0392b;--wait-bg:#fef3c7;--wait-tx:#b45309;--clean-bg:#dbeafe;--clean-tx:#1d5fa6;--oc-bg:#fee2e2;--oc-tx:#c0392b;--vc-bg:#e6f5f0;--vc-tx:#0d7a55;--vd-bg:#fef3c7;--vd-tx:#b45309;--oo-bg:#f1f5f9;--oo-tx:#5a6e82}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{color:var(--ink);background:var(--bg-wash);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:auto;min-height:100vh;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--ink);font-family:Space Grotesk,sans-serif;font-weight:600}a{color:inherit;text-decoration:none}[x-cloak]{display:none!important}.nav{z-index:100;height:var(--topbar-h);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#ffffffd1;position:sticky;top:0;box-shadow:0 1px 4px #1a3a5c0f}.nav-inner{align-items:center;gap:8px;height:100%;padding:0 24px;display:flex}.brand{flex-shrink:0;align-items:center;gap:10px;margin-right:8px;text-decoration:none;display:flex}.brand-mark{background:var(--navy);border-radius:var(--r-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.brand-name{color:var(--navy);letter-spacing:-.01em;font-family:Space Grotesk,sans-serif;font-size:13.5px;font-weight:700;line-height:1.2}.brand-sub{color:var(--ink-4);font-size:10.5px;font-weight:400;line-height:1}.nav-tabs{scrollbar-width:none;flex:1;align-items:center;gap:2px;min-width:0;display:flex;overflow:auto hidden}.nav-tabs::-webkit-scrollbar{display:none}.nav-tabs a{border-radius:var(--r-md);color:var(--ink-3);white-space:nowrap;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);flex-shrink:0;align-items:center;gap:5px;padding:6px 9px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.nav-tabs a:hover{background:var(--navy-light);color:var(--navy)}.nav-tabs a.active{background:var(--navy);color:#fff;font-weight:600}.nav-tabs a i{font-size:13px}.nav-right{flex-shrink:0;align-items:center;gap:12px;margin-left:8px;display:flex}.nav-date{color:var(--ink-4);white-space:nowrap;font-size:12px;font-weight:500}.shift-pill{background:var(--gold-light);color:var(--gold);white-space:nowrap;border:1px solid #c9a84c4d;border-radius:99px;padding:3px 10px;font-size:11.5px;font-weight:600}.nav-user{align-items:center;gap:8px;display:flex}.nav-avatar{background:var(--navy);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-family:Space Grotesk,sans-serif;font-size:11.5px;font-weight:700;display:flex}.nav-user-name{color:var(--ink);white-space:nowrap;font-size:13px;font-weight:600}.nav-user-role{color:var(--ink-4);font-size:11px;line-height:1}.nav-icon-btn{cursor:pointer;color:var(--ink-3);border-radius:var(--r-sm);transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.nav-icon-btn:hover{background:var(--danger-bg);color:var(--danger)}.page-content{width:100%;max-width:1440px;margin:0 auto;padding:28px 28px 48px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-title{color:var(--navy);letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;line-height:1.2}.page-subtitle{color:var(--ink-3);margin-top:3px;font-size:13px;font-weight:400}.page-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border-radius:var(--r-xl);border:1px solid var(--border);box-shadow:var(--shadow-card)}.card-solid{background:var(--card-bg-solid);border-radius:var(--r-xl);border:1px solid var(--border);box-shadow:var(--shadow-card)}.card-body{padding:20px 24px}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.card-title{color:var(--navy);font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600}.stat-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border-radius:var(--r-xl);border:1px solid var(--border);box-shadow:var(--shadow-card);transition:transform var(--dur-normal) var(--ease), box-shadow var(--dur-normal) var(--ease);padding:20px 24px}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card-urgent{border:1.5px solid #fecaca!important;box-shadow:0 0 0 3px #dc262614!important}.stat-card-urgent:hover{border-color:#dc2626!important}.stat-icon{border-radius:var(--r-md);justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:14px;font-size:18px;display:flex}.stat-icon-navy{background:var(--navy-light);color:var(--navy)}.stat-icon-gold{background:var(--gold-light);color:var(--gold)}.stat-icon-green{background:var(--success-bg);color:var(--success)}.stat-icon-red{background:var(--danger-bg);color:var(--danger)}.stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-4);margin-bottom:6px;font-size:11.5px;font-weight:600}.stat-value{color:var(--navy);letter-spacing:-.03em;font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:700;line-height:1}.stat-sub{color:var(--ink-4);margin-top:6px;font-size:12px}.kv-hero{letter-spacing:-.035em;font-size:44px}.kv-money{letter-spacing:-.03em;font-size:30px}.kv-count{letter-spacing:-.02em;font-size:24px}.btn{border-radius:var(--r-md);cursor:pointer;transition:all var(--dur-fast) var(--ease);white-space:nowrap;border:none;align-items:center;gap:7px;padding:9px 18px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-hover);color:#fff}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{color:#fff;background:#b8962f}.btn-outline{border:1.5px solid var(--border-strong);color:var(--ink-2);background:0 0}.btn-outline:hover{border-color:var(--navy);color:var(--navy);background:var(--navy-light)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{color:#fff;background:#a93226}.btn-ghost{color:var(--ink-3);background:0 0}.btn-ghost:hover{background:var(--navy-light);color:var(--navy)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{color:#fff;background:#0a6647}.btn-sm{border-radius:var(--r-sm);padding:6px 12px;font-size:12.5px}.btn-lg{border-radius:var(--r-lg);padding:12px 24px;font-size:15px}.badge{letter-spacing:.01em;white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-navy{background:var(--navy-light);color:var(--navy)}.badge-gold{background:var(--gold-light);color:var(--gold)}.badge-muted{color:var(--ink-4);background:#1a3a5c0f}.badge-clean{color:#0d7a55;background:#e6f5f0}.badge-occupied{color:#1d5fa6;background:#dbeafe}.badge-dirty{color:#b45309;background:#fef3c7}.badge-broken{color:#c0392b;background:#fee2e2}.badge-reserved{color:var(--navy);background:#1a3a5c14}.badge-confirmed{background:var(--info-bg);color:var(--info)}.badge-checkin{background:var(--success-bg);color:var(--success)}.badge-checkout{color:var(--ink-3);background:#1a3a5c0f}.badge-cancelled{background:var(--danger-bg);color:var(--danger)}.badge-noshow{color:#b45309;background:#fef3c7}.badge-received{background:var(--navy-light);color:var(--navy)}.badge-processing{background:var(--gold-light);color:var(--gold)}.badge-done{background:var(--success-bg);color:var(--success)}.badge-returned{color:var(--ink-3);background:#1a3a5c0f}.badge-void{background:var(--danger-bg);color:var(--danger)}.table-wrapper{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--card-bg);-webkit-backdrop-filter:blur(12px);overflow-x:auto}table.data-table{border-collapse:collapse;width:100%;font-size:13.5px}table.data-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-4);border-bottom:1px solid var(--border);white-space:nowrap;background:#1a3a5c0a;padding:11px 16px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600}table.data-table tbody td{border-bottom:1px solid var(--border);color:var(--ink-2);vertical-align:middle;padding:13px 16px}table.data-table tbody tr:last-child td{border-bottom:none}table.data-table tbody tr:hover td{background:#1a3a5c05}table.data-table thead th:first-child,table.data-table tbody td:first-child,table.data-table tfoot td:first-child{padding-left:20px}table.data-table thead th:last-child,table.data-table tbody td:last-child,table.data-table tfoot td:last-child{padding-right:20px}table.data-table tfoot td{border-top:2px solid var(--border);padding:14px 16px;font-size:13.5px}table.data-table td[style*=text-align\:right],table.data-table td[style*="text-align: right"]{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.form-group{margin-bottom:18px}.form-label{color:var(--ink-2);letter-spacing:.01em;margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.form-label .required{color:var(--danger);margin-left:2px}.form-control{border:1.5px solid var(--border-strong);border-radius:var(--r-md);width:100%;color:var(--ink);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);background:#fffc;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:13.5px}.form-control:focus{border-color:var(--navy);background:#fff;outline:none;box-shadow:0 0 0 3px #1a3a5c1a}.form-control.is-invalid{border-color:var(--danger)}.form-control.is-invalid:focus{box-shadow:0 0 0 3px #c0392b1a}textarea.form-control{resize:vertical;min-height:90px}select.form-control{cursor:pointer}.form-error{color:var(--danger);align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.form-hint{color:var(--ink-4);margin-top:4px;font-size:12px}.grid{display:grid}.grid-2,.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-3,.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-4,.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-4{gap:16px}.gap-6{gap:24px}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.p-4{padding:16px}.p-6{padding:24px}.text-sm{font-size:12.5px}.text-xs{font-size:11.5px}.text-muted{color:var(--ink-4)}.text-navy{color:var(--navy)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-gold{color:var(--gold)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-grotesk{font-family:Space Grotesk,sans-serif}.text-right{text-align:right}.text-center{text-align:center}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:200;background:#0f1c2e73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{border-radius:var(--r-xl);width:100%;max-width:480px;box-shadow:var(--shadow-lg);animation:modalIn var(--dur-normal) var(--ease);background:#fff;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal-title{color:var(--navy);font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700}.modal-body{padding:16px 24px 20px}.modal-footer{justify-content:flex-end;gap:10px;padding:0 24px 20px;display:flex}.alert{border-radius:var(--r-md);align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13.5px;font-weight:500;display:flex}.alert-warning{background:var(--warning-bg);color:var(--warning);border:1px solid #b4530933}.alert-danger{background:var(--danger-bg);color:var(--danger);border:1px solid #c0392b33}.alert-success{background:var(--success-bg);color:var(--success);border:1px solid #0d7a5533}.alert-info{background:var(--info-bg);color:var(--info);border:1px solid #1d5fa633}.search-wrapper{align-items:center;display:inline-flex;position:relative}.search-wrapper .search-icon{color:var(--ink-4);pointer-events:none;font-size:14px;position:absolute;left:12px}.search-wrapper input{padding-left:36px}.tab-bar{border-radius:var(--r-lg);background:#1a3a5c0f;flex-wrap:wrap;gap:4px;margin-bottom:20px;padding:4px;display:flex}.tab-item{border-radius:var(--r-md);color:var(--ink-3);cursor:pointer;transition:all var(--dur-fast) var(--ease);white-space:nowrap;background:0 0;border:none;padding:7px 16px;font-size:13px;font-weight:500;text-decoration:none}.tab-item:hover{color:var(--navy);background:#fff9}.tab-item.active{color:var(--navy);box-shadow:var(--shadow-card);background:#fff;font-weight:600}.divider{background:var(--border);height:1px;margin:20px 0}.empty-state{text-align:center;color:var(--ink-4);padding:56px 24px}.empty-state-icon{opacity:.5;margin-bottom:12px;font-size:36px}.empty-state-title{color:var(--ink-2);margin-bottom:6px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600}.empty-state-desc{font-size:13px}.folio-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;font-size:13.5px;display:flex}.folio-row:last-child{border-bottom:none}.folio-total{color:var(--navy);justify-content:space-between;align-items:center;padding:14px 0 0;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;display:flex}.folio-balance-due{color:var(--danger)}.folio-balance-refund{color:var(--success)}.room-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;display:grid}.room-chip{border-radius:var(--r-md);text-align:center;cursor:pointer;transition:transform var(--dur-fast), box-shadow var(--dur-fast);border:1.5px solid #0000;padding:10px 8px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600}.room-chip:hover{box-shadow:var(--shadow-card);transform:translateY(-1px)}.room-chip .room-no{font-size:15px;font-weight:700}.room-chip .room-type{opacity:.75;margin-top:2px;font-size:10px;font-weight:500}.room-chip-clean{color:#0d7a55;background:#e6f5f0;border-color:#a7d9c7}.room-chip-occupied{color:#1d5fa6;background:#dbeafe;border-color:#bfdbfe}.room-chip-dirty{color:#b45309;background:#fef3c7;border-color:#fde68a}.room-chip-broken{color:#c0392b;background:#fee2e2;border-color:#fecaca}.room-chip-reserved{color:#5b21b6;background:#ede9fe;border-color:#7c3aed}.room-chip-selected{color:#fff;background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed840}.auth-page{background:var(--bg-wash);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}@media print{.nav,.no-print{display:none!important}body{background:#fff;font-size:12px}.page-content{padding:0}.card,.card-solid{box-shadow:none;border:1px solid #ddd}}.notif-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);background:#0f172a73;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.notif-modal-overlay.is-open{display:flex}.notif-modal-card{text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:400px;padding:28px 28px 24px;animation:.18s cubic-bezier(.34,1.56,.64,1) modal-in;display:flex;box-shadow:0 20px 60px #0f172a2e}@keyframes modal-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.notif-modal-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.notif-modal-icon.is-ok{color:#059669;background:#10b9811f}.notif-modal-icon.is-err{color:#dc2626;background:#ef44441f}.notif-modal-icon.is-warn{color:#d97706;background:#f59e0b1f}.notif-modal-icon.is-info{color:#2563eb;background:#3b82f61f}.notif-modal-h{color:var(--ink);font-size:16px;font-weight:700;line-height:1.3}.notif-modal-p{color:var(--ink-3);font-size:13.5px;line-height:1.5}.notif-modal-table{background:var(--bg);text-align:left;border-radius:8px;grid-template-columns:auto 1fr;gap:4px 12px;width:100%;padding:10px 14px;font-size:12.5px;display:grid}.notif-modal-dt{color:var(--ink-3)}.notif-modal-dd{color:var(--ink);font-weight:600}.notif-modal-actions{gap:10px;width:100%;margin-top:4px;display:flex}.notif-modal-actions .btn{flex:1;justify-content:center}#toast-container{z-index:99999;pointer-events:none;flex-direction:column;gap:10px;width:calc(100vw - 40px);max-width:360px;display:flex;position:fixed;top:20px;right:20px}.toast-item{pointer-events:all;animation:toast-in .28s var(--ease) forwards;background:#fff;border-left:4px solid #0000;border-radius:12px;align-items:flex-start;gap:12px;min-width:0;padding:14px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0f172a29,0 2px 8px #0f172a14}@keyframes toast-in{0%{opacity:0;transform:translate(32px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.toast-leaving{animation:toast-out .3s var(--ease) forwards!important}@keyframes toast-out{0%{opacity:1;max-height:120px;margin-bottom:0;transform:translate(0)scale(1)}to{opacity:0;max-height:0;margin-bottom:-10px;transform:translate(32px)scale(.96)}}.toast-ok{border-left-color:#0d7a55}.toast-err{border-left-color:#c0392b}.toast-warn{border-left-color:#b45309}.toast-info{border-left-color:#1d5fa6}.toast-tip{border-left-color:var(--gold)}.toast-icon-wrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:1px;display:flex}.toast-ok .toast-icon-wrap{color:#0d7a55;background:#e6f5f0}.toast-err .toast-icon-wrap{color:#c0392b;background:#fee2e2}.toast-warn .toast-icon-wrap{color:#b45309;background:#fef3c7}.toast-info .toast-icon-wrap{color:#1d5fa6;background:#dbeafe}.toast-tip .toast-icon-wrap{background:var(--gold-light);color:var(--gold)}.toast-body{flex:1;min-width:0}.toast-title{color:var(--ink);font-size:13.5px;font-weight:700;line-height:1.3}.toast-msg{color:var(--ink-3);margin-top:3px;font-size:12.5px;line-height:1.45}.toast-close-btn{cursor:pointer;color:var(--ink-4);background:0 0;border:none;flex-shrink:0;margin-top:-1px;padding:0 0 0 4px;font-size:18px;line-height:1;transition:color .15s}.toast-close-btn:hover{color:var(--ink)}.toast-progress-bar{transform-origin:0;border-radius:0 0 12px 12px;width:100%;height:3px;animation:4s linear forwards toast-bar;position:absolute;bottom:0;left:0}.toast-ok .toast-progress-bar{background:#0d7a55}.toast-err .toast-progress-bar{background:#c0392b}.toast-warn .toast-progress-bar{background:#b45309}.toast-info .toast-progress-bar{background:#1d5fa6}.toast-tip .toast-progress-bar{background:var(--gold)}@keyframes toast-bar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (width<=1024px){.dash-shell,.dash-grid{grid-template-columns:1fr}}@media (width<=768px){.page-content{padding:16px}.page-header{flex-direction:column}.grid-4,.grid-cols-4,.grid-3,.grid-cols-3{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.nav-date,.shift-pill,.nav-user-meta{display:none}.nav-inner{padding:0 16px}.page-actions{flex-wrap:wrap}.brand-name,.brand-sub{display:none}.nav-right{flex-shrink:1;gap:8px;min-width:0}.role-switch-label{display:none}.btn,.tab-item,.nav-tabs a,.nav-icon-btn{min-height:44px}}@media (width<=480px){.grid-2,.grid-cols-2{grid-template-columns:1fr}.modal-backdrop{padding:16px}.modal-footer,.notif-modal-actions{flex-wrap:wrap}}