@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--primary:#f15a28;--primary-light:#f3784f;--primary-dark:#d84717;--secondary:#212529;--secondary-light:#343a40;--secondary-dark:#121416;--bg-page:#f8f9fa;--bg-card:#fff;--bg-hover:#f1f3f5;--text-main:#212529;--text-sub:#6c757d;--text-muted:#adb5bd;--text-on-primary:#fff;--border:#e9ecef;--border-dark:#dee2e6;--sidebar-bg:#fff;--sidebar-border:#e9ecef;--sidebar-text:#212529;--sidebar-text-muted:#6c757d;--sidebar-hover:#f8f9fa;--sidebar-active-bg:#f15a281a;--sidebar-active-text:#f15a28;--status-waiting:#ef4444;--status-waiting-bg:#fef2f2;--status-lmia:#f59e0b;--status-lmia-bg:#fffbeb;--status-received:#8b5cf6;--status-received-bg:#f5f3ff;--status-submitted:#3b82f6;--status-submitted-bg:#eff6ff;--status-explain:#ec4899;--status-explain-bg:#fdf2f8;--status-approved:#10b981;--status-approved-bg:#ecfdf5;--status-refused:#6b7280;--status-refused-bg:#f9fafb;--status-review:#0ea5e9;--status-review-bg:#f0f9ff;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--radius:8px;--radius-lg:12px;--transition:all .18s ease;--font:"Inter", system-ui, -apple-system, sans-serif}[data-theme=dark]{--primary:#f15a28;--primary-light:#f4784d;--primary-dark:#e05021;--secondary:#adb5bd;--secondary-light:#dee2e6;--secondary-dark:#6c757d;--bg-page:#212529;--bg-card:#2b3035;--bg-hover:#343a40;--text-main:#f8f9fa;--text-sub:#adb5bd;--text-muted:#6c757d;--text-on-primary:#fff;--border:#343a40;--border-dark:#495057;--sidebar-bg:#212529;--sidebar-border:#343a40;--sidebar-text:#f8f9fa;--sidebar-text-muted:#adb5bd;--sidebar-hover:#343a40;--sidebar-active-bg:#f15a2826;--sidebar-active-text:#f4784d;--status-waiting-bg:#ef444426;--status-lmia-bg:#f59e0b26;--status-received-bg:#8b5cf626;--status-submitted-bg:#3b82f626;--status-explain-bg:#ec489926;--status-approved-bg:#10b98126;--status-refused-bg:#6b728026;--status-review-bg:#0ea5e926}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background-color:var(--bg-page);color:var(--text-main);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}h1{color:var(--text-main);font-size:1.5rem;font-weight:700}h2{color:var(--text-main);font-size:1.125rem;font-weight:700}h3{color:var(--text-main);font-size:1rem;font-weight:600}h4{color:var(--text-sub);font-size:.875rem;font-weight:600}a{color:var(--primary);transition:var(--transition);text-decoration:none}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.w-full{width:100%}.h-screen{height:100vh}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.text-center{text-align:center}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);width:248px;min-width:248px;height:100vh;transition:var(--transition);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--sidebar-border);align-items:center;gap:.75rem;padding:1.25rem 1.25rem 1rem;display:flex}.sidebar-logo-icon{background:var(--primary);width:40px;height:40px;color:var(--text-on-primary);letter-spacing:-1px;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:900;display:flex}.sidebar-logo-text .title{color:var(--sidebar-text);letter-spacing:-.5px;font-size:1rem;font-weight:800;line-height:1.2}.sidebar-logo-text .title span{color:var(--secondary)}.sidebar-logo-text .subtitle{color:var(--sidebar-text-muted);text-transform:uppercase;letter-spacing:.15em;margin-top:2px;font-size:.55rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:1rem .75rem;display:flex}.sidebar-nav-label{color:var(--sidebar-text-muted);text-transform:uppercase;letter-spacing:.15em;margin-top:.25rem;padding:.75rem .5rem .25rem;font-size:.625rem;font-weight:700}.nav-link{border-radius:var(--radius);color:var(--sidebar-text);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.6rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{background:var(--sidebar-hover)}.nav-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:600}.nav-link.active svg{color:var(--sidebar-active-text)}.sidebar-footer{border-top:1px solid var(--sidebar-border);padding:1rem .75rem}.sidebar-user{border-radius:var(--radius);align-items:center;gap:.75rem;padding:.5rem;display:flex}.sidebar-user-avatar{background:var(--primary);width:36px;height:36px;color:var(--text-on-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.sidebar-user-name{color:var(--sidebar-text);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--sidebar-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}.btn-logout{border-radius:var(--radius);color:var(--sidebar-text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:.5rem;width:100%;margin-top:.25rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;display:flex}.btn-logout:hover{color:#fc8181;background:#ef444426}.main-content{flex:1;min-width:0;padding:1.5rem 2rem;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-title{color:var(--text-main);font-size:1.375rem;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:.125rem;font-size:.875rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.25rem}.card-flat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition);align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-dark);transform:translateY(-1px)}.stat-card.active{border-color:var(--primary);box-shadow:0 0 0 2px #f15a281f, var(--shadow-md)}.stat-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-card-count{color:var(--text-main);font-size:1.875rem;font-weight:800;line-height:1}.stat-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:.25rem;font-size:.75rem;font-weight:600}.dash-btn-add{align-items:center;gap:.4rem;display:inline-flex}.dash-btn-waiting{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:all .2s;display:inline-flex}.dash-waiting-badge{color:#ef4444;background:#fff;border-radius:999px;padding:0 6px;font-size:.78rem;font-weight:800;line-height:1.5}.dash-filter-bar{flex-direction:column;gap:.625rem;margin-bottom:.875rem;display:flex}.dash-filter-row1{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.dash-adv-toggle{letter-spacing:.07em;text-transform:uppercase;color:var(--navy);border:1.5px solid var(--navy);cursor:pointer;white-space:nowrap;background:#225a9212;border-radius:7px;flex-shrink:0;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.72rem;font-weight:800;transition:background .15s,box-shadow .15s;display:inline-flex}.dash-adv-toggle:hover{background:#225a9224}.dash-adv-toggle--open{background:var(--navy);color:#fff}.dash-adv-toggle--active{border-color:var(--primary,#f15a28);color:var(--primary,#f15a28);background:#f15a2812}.dash-adv-toggle--active.dash-adv-toggle--open{background:var(--primary,#f15a28);color:#fff;border-color:var(--primary,#f15a28)}.dash-adv-badge{color:inherit;font-size:.6rem;line-height:1}.dash-adv-panel{background:var(--bg-subtle,#f8f9fb);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;gap:.75rem;padding:.875rem 1rem;animation:.18s fadeSlideDown;display:flex}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dash-filter-field{flex-direction:column;flex:160px;gap:.25rem;min-width:150px;display:flex}.dash-filter-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}@media (width<=768px){.dash-btn-label{display:none}.dash-btn-waiting{gap:0;padding:.5rem .6rem}.dash-adv-toggle-label{display:none}.dash-adv-panel{flex-direction:column;gap:.5rem;padding:.75rem}.dash-filter-field{flex:100%;min-width:0}.dash-filter-field .input-field{width:100%!important}}.status-cards-grid{grid-template-columns:repeat(5,1fr);gap:.875rem;margin-bottom:1.25rem;display:grid}.stat-card-label--short{display:none}.stat-card-label--full{display:block}.status-stat-card--active{box-shadow:var(--shadow-md);transform:translateY(-1px)}@media (width<=1024px){.status-cards-grid{grid-template-columns:repeat(3,1fr);gap:.625rem}.stat-card{gap:.625rem;padding:.875rem 1rem}.stat-card-icon{border-radius:10px;width:38px;height:38px}}@media (width<=768px){.status-cards-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;grid-template-columns:none;gap:.5rem;margin-bottom:1rem;padding-bottom:4px;display:flex;overflow-x:auto}.status-cards-grid::-webkit-scrollbar{display:none}.status-cards-grid .stat-card{text-align:center;scroll-snap-align:start;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.375rem;min-width:80px;padding:.75rem .625rem}.status-cards-grid .stat-card-icon{border-radius:9px;width:34px;height:34px}.status-cards-grid .stat-card-count{font-size:1.25rem;line-height:1}.stat-card-label--full{display:none}.stat-card-label--short{letter-spacing:.03em;white-space:nowrap;margin-top:.125rem;font-size:.58rem;display:block}}.table-wrapper{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:var(--bg-hover)}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);white-space:nowrap;padding:.75rem 1rem;font-size:.6875rem;font-weight:700}td{color:var(--text-main);border-bottom:1px solid var(--border);vertical-align:middle;padding:.875rem 1rem;font-size:.875rem}tr:last-child td{border-bottom:none}tbody tr{transition:var(--transition)}tbody tr:hover td{background-color:var(--bg-hover)}.btn{border-radius:var(--radius);cursor:pointer;transition:var(--transition);font-size:.8125rem;font-weight:600;font-family:var(--font);white-space:nowrap;border:1.5px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-light);border-color:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 12px #f15a2840}.btn-gold{background:var(--secondary);color:#fff;border-color:var(--secondary)}.btn-gold:hover{background:var(--secondary-dark);border-color:var(--secondary-dark)}.btn-outline{color:var(--primary);border-color:var(--border-dark);background:0 0}.btn-outline:hover{background:var(--bg-hover);border-color:var(--primary)}.btn-ghost{color:var(--text-sub);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-main)}.btn-sm{padding:.25rem .625rem;font-size:.75rem}.badge{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge-waiting{background:var(--status-waiting-bg);color:var(--status-waiting)}.badge-lmia{background:var(--status-lmia-bg);color:var(--status-lmia)}.badge-received{background:var(--status-received-bg);color:var(--status-received)}.badge-submitted{background:var(--status-submitted-bg);color:var(--status-submitted)}.badge-explain{background:var(--status-explain-bg);color:var(--status-explain)}.badge-approved{background:var(--status-approved-bg);color:var(--status-approved)}.badge-refused{background:var(--status-refused-bg);color:var(--status-refused)}.badge-review{background:var(--status-review-bg);color:var(--status-review)}.badge-completed{background:var(--status-approved-bg);color:var(--status-approved)}.badge-open{color:#059669;background:#ecfdf5}.badge-paused{color:#b45309;background:#fffbeb}.badge-closed{color:#6b7280;background:#f9fafb}.badge-active{color:#2563eb;background:#eff6ff}.badge-inactive{color:#9ca3af;background:#f9fafb}.input-group{flex-direction:column;gap:.375rem;margin-bottom:1rem;display:flex}.input-label{color:var(--text-sub);font-size:.8125rem;font-weight:600}.input-field{background:var(--bg-card);border:1.5px solid var(--border);color:var(--text-main);border-radius:var(--radius);transition:var(--transition);font-size:.875rem;font-family:var(--font);outline:none;width:100%;padding:.625rem .875rem}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f15a281a}select.input-field{cursor:pointer}.input{background:var(--bg-card);border:1.5px solid var(--border);color:var(--text-main);border-radius:var(--radius);transition:var(--transition);font-size:.875rem;font-family:var(--font);outline:none;width:100%;padding:.625rem .875rem}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f15a281a}.login-page{background:#1e3846;min-height:100vh;display:flex}.login-left{flex:1;justify-content:center;align-items:center;padding:3rem;display:flex}.login-brand .brand-title{color:#fff;letter-spacing:-1px;font-size:2.5rem;font-weight:900;line-height:1.1}.login-brand .brand-title span{color:var(--secondary)}.login-brand .brand-sub{color:#fff6;text-transform:uppercase;letter-spacing:.25em;margin-top:.5rem;font-size:.75rem;font-weight:700}.login-brand .brand-desc{color:#fff9;max-width:340px;margin-top:1.5rem;font-size:1rem;line-height:1.7}.login-right{background:var(--bg-page);justify-content:center;align-items:center;width:440px;min-width:440px;padding:3rem 2.5rem;display:flex}.login-card{width:100%;max-width:380px}.login-card-title{color:var(--text-main);margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.login-card-sub{color:var(--text-muted);margin-bottom:2rem;font-size:.875rem}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:480px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{color:var(--text-main);font-size:1rem;font-weight:700}.modal-close{cursor:pointer;color:var(--text-muted);border-radius:var(--radius);transition:var(--transition);background:0 0;border:none;align-items:center;padding:.25rem;display:flex}.modal-close:hover{background:var(--bg-hover);color:var(--text-main)}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--border);background:var(--bg-page);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.tab-bar{border-bottom:2px solid var(--border);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-shrink:0;gap:0;margin-bottom:1.5rem;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.4rem;margin-bottom:-2px;padding:.75rem 1.25rem;font-size:.8125rem;font-weight:600;display:inline-flex}.tab-btn:hover{color:var(--primary)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.progress-bar-track{background:var(--border);border-radius:9999px;height:6px;margin-top:4px;overflow:hidden}.progress-bar-fill{background:var(--primary);border-radius:9999px;height:100%;transition:width .4s}.filter-bar{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.search-input-wrap{flex:1;max-width:300px;position:relative}.search-input-wrap svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg-card);width:100%;color:var(--text-main);transition:var(--transition);font-size:.875rem;font-family:var(--font);outline:none;padding:.5rem .75rem .5rem 2.25rem}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f15a281a}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty-state svg{opacity:.4;margin-bottom:.75rem}.empty-state p{font-size:.875rem}.loading-spin{min-height:200px;color:var(--text-muted);justify-content:center;align-items:center;gap:.75rem;font-size:.875rem;font-weight:500;display:flex}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3}.info-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:1rem;padding:.75rem 0;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-muted);min-width:160px;font-size:.8125rem;font-weight:600}.info-value{color:var(--text-main);font-size:.875rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-title{color:var(--text-main);font-size:.9375rem;font-weight:700}.log-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);margin-bottom:.625rem;padding:.875rem}.log-item:last-child{margin-bottom:0}.log-meta{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:.375rem;font-size:.75rem;display:flex}.log-content{color:var(--text-main);font-size:.875rem}.mobile-bottom-nav{display:none}@media (width<=768px){.sidebar{display:none!important}.main-content{padding:1rem 1rem 5.5rem}.mobile-bottom-nav{background:var(--sidebar-bg);border-top:1px solid var(--sidebar-border);z-index:900;height:60px;padding-bottom:env(safe-area-inset-bottom,0px);align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000014}}.mobile-nav-btn{cursor:pointer;color:var(--sidebar-text-muted);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 4px 4px;transition:color .18s,background .18s;display:flex;position:relative}.mobile-nav-btn:active{background:var(--bg-hover)}.mobile-nav-btn__icon{border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .18s,transform .18s;display:flex;position:relative}.mobile-nav-btn__label{font-size:.6rem;font-weight:600;font-family:var(--font);letter-spacing:.02em;white-space:nowrap;line-height:1}.mobile-nav-btn--active{color:var(--primary)}.mobile-nav-btn--active .mobile-nav-btn__icon{background:#f15a281a;transform:translateY(-2px)}@media (hover:hover){.mobile-nav-btn:hover{color:var(--primary)}}.mobile-nav-badge{color:#fff;font-size:.58rem;font-weight:700;font-family:var(--font);min-width:16px;height:16px;box-shadow:0 0 0 2px var(--sidebar-bg);background:#ef4444;border-radius:9999px;justify-content:center;align-items:center;padding:0 3px;line-height:1;display:flex;position:absolute;top:-4px;right:-6px}.mobile-notification-overlay{z-index:940;display:none;position:fixed;inset:0}@media (width<=768px){.mobile-notification-overlay{display:block}}.mobile-notification-panel{z-index:941;border-radius:14px;width:calc(100vw - 16px);max-width:360px;max-height:calc(100vh - 100px);position:fixed;bottom:68px;right:8px;overflow-y:auto;box-shadow:0 8px 32px #0000002e}.mobile-notification-panel .card-flat{border-radius:14px;width:100%!important;max-height:none!important;box-shadow:none!important;position:static!important}.mobile-sheet-overlay{z-index:950;background:0 0;transition:background .3s;display:none;position:fixed;inset:0}.mobile-sheet-overlay--visible{background:#00000073}@media (width<=768px){.mobile-sheet-overlay{display:block}}.mobile-account-sheet{background:var(--bg-card);padding:0;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:20px 20px 0 0;transition:transform .32s cubic-bezier(.32,.72,0,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 40px #0000002e}.mobile-account-sheet--open{transform:translateY(0)}.mobile-sheet-handle{background:var(--border-dark);opacity:.5;border-radius:9999px;width:40px;height:4px;margin:12px auto 0}.mobile-sheet-user{align-items:center;gap:.875rem;padding:1rem 1.25rem .875rem;display:flex}.mobile-sheet-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:700;display:flex}.mobile-sheet-name{color:var(--text-main);font-size:.9375rem;font-weight:700;line-height:1.2}.mobile-sheet-role{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.72rem}.mobile-sheet-close{background:var(--bg-hover);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:var(--transition);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.mobile-sheet-close:active{background:var(--border)}.mobile-sheet-divider{background:var(--border);height:1px;margin:0 1.25rem}.mobile-sheet-actions{flex-direction:column;gap:2px;padding:.5rem .75rem .75rem;display:flex}.mobile-sheet-action-btn{cursor:pointer;width:100%;font-family:var(--font);color:var(--text-main);text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:12px;align-items:center;gap:.875rem;padding:.875rem .75rem;font-size:.9375rem;font-weight:500;transition:background .15s;display:flex}.mobile-sheet-action-btn:active{background:var(--bg-hover)}@media (hover:hover){.mobile-sheet-action-btn:hover{background:var(--bg-hover)}}.mobile-sheet-action-icon{background:var(--bg-hover);width:36px;height:36px;color:var(--text-sub);transition:var(--transition);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-sheet-action-btn--danger{color:#ef4444}.mobile-sheet-action-btn--danger .mobile-sheet-action-icon{color:#ef4444;background:#ef44441a}.mobile-sheet-action-toggle{background:var(--border-dark);border-radius:9999px;flex-shrink:0;width:44px;height:24px;margin-left:auto;transition:background .2s;position:relative}.mobile-theme-pill{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .22s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000040}.mobile-theme-pill--on{transform:translate(20px)}.mobile-sheet-action-toggle:has(.mobile-theme-pill--on){background:var(--primary)}.mobile-sheet-safe-area{height:env(safe-area-inset-bottom,0px)}.detail-info-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.doc-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.doc-section-header .doc-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.customer-header-card{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.customer-header-badges{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.log-meta{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.25rem;display:flex}.log-meta-left{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.task-split-panel{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=900px){.task-split-panel.has-active{grid-template-columns:320px 1fr}}@media (width<=1024px){.detail-info-grid{grid-template-columns:1fr 1fr;gap:1.25rem}.tab-btn{white-space:nowrap;padding:.625rem .875rem;font-size:.775rem}}@media (width<=768px){html{font-size:70%!important}body{font-size:9.8px!important}.detail-info-grid{grid-template-columns:1fr;gap:1.25rem}.card-flat>div[style*="padding: 1.25rem 1.5rem"],.card-flat>div[style*="padding:1.25rem 1.5rem"]{padding:1rem .875rem!important}.tab-btn{white-space:nowrap;gap:.25rem;padding:.5rem .75rem;font-size:.72rem}.tab-btn svg{flex-shrink:0}.customer-header-card{flex-direction:row;align-items:flex-start}.task-split-panel{grid-template-columns:1fr}.log-meta{flex-direction:column;align-items:flex-start;gap:.25rem}.doc-section-header{flex-direction:column;align-items:stretch}.doc-section-header .doc-actions{justify-content:flex-start}.comment-bubble{max-width:92%!important}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.info-row{grid-template-columns:1fr!important;gap:.125rem!important}.info-label{min-width:0!important;font-size:.7rem!important}.page-header{flex-flow:wrap;align-items:flex-start;gap:.625rem}}