:root{--admin-nav-h: 64px;--admin-footer-h: 40px}.admin-layout{min-height:100vh;background:#f4f8fc;padding-top:var(--admin-nav-h);padding-bottom:var(--admin-footer-h);box-sizing:border-box}.admin-navbar{position:fixed;top:0;left:0;right:0;height:var(--admin-nav-h);background:#123c96;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:24px;box-shadow:0 4px 12px #0f172a59;z-index:1000}.admin-nav-left{display:flex;align-items:center;gap:10px}.admin-logo{height:30px;width:auto}.admin-brand{font-size:18px;font-weight:700;color:#fff}.admin-nav-links{display:flex;align-items:center;gap:14px;flex:1;justify-content:center}.admin-nav-link{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#dbeafe;padding-bottom:3px;border-bottom:2px solid transparent;cursor:pointer}.admin-nav-link:hover{color:#fff}.admin-nav-link.active{color:#38bdf8;border-bottom-color:#38bdf8}.admin-profile-wrap{position:relative}.admin-profile-btn{display:flex;align-items:center;gap:8px;padding:4px 8px;background:transparent;border-radius:999px;border:1px solid rgba(191,219,254,.7);cursor:pointer;color:#e5e7eb}.admin-profile-avatar{width:24px;height:24px;border-radius:999px;background:#38bdf8;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.admin-profile-text{display:flex;flex-direction:column;line-height:1.1}.admin-profile-name{font-size:10px;font-weight:600}.admin-profile-role{font-size:9px;color:#9ca3af}.admin-profile-menu{position:absolute;right:0;top:115%;background:#111827;border-radius:10px;padding:10px 12px;min-width:160px;box-shadow:0 10px 30px #0f172a99;display:flex;flex-direction:column;gap:8px;z-index:1100}.admin-profile-info .name{font-size:12px;font-weight:600;color:#e5e7eb}.admin-profile-info .role{font-size:10px;color:#9ca3af}.admin-logout-btn{margin-top:4px;padding:6px 8px;border-radius:6px;border:none;background:#ef4444;color:#fff;font-size:11px;font-weight:600;cursor:pointer}.admin-logout-btn:hover{background:#dc2626}.admin-main{min-height:calc(100vh - var(--admin-nav-h) - var(--admin-footer-h));padding:20px 24px;box-sizing:border-box;overflow-y:auto}.admin-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.admin-card{background:#fff;border-radius:12px;padding:16px 18px;border:1px solid #e5e7eb;box-shadow:0 4px 12px #0f172a0a;display:flex;flex-direction:column;gap:6px}.admin-card-title{font-size:14px;font-weight:600;color:#111827}.admin-card-value{font-size:22px;font-weight:700;color:#2563eb}.admin-card-sub{font-size:11px;color:#6b7280}.admin-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.admin-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:6px;table-layout:fixed}.admin-table thead{background:#e5e7eb}.admin-table th,.admin-table td{padding:6px 8px;border-bottom:1px solid #e5e7eb;text-align:center;vertical-align:middle;box-sizing:border-box;white-space:nowrap}.admin-table.admin-table--compact th,.admin-table.admin-table--compact td{padding:5px 6px;font-size:12px;line-height:1.15}.admin-table th{font-weight:600;color:#111827}.admin-table tbody tr:nth-child(2n){background:#f9fafb}.admin-table tbody tr:hover{background:#eff6ff}.admin-table .sl-col{width:40px;max-width:40px;padding-left:4px;padding-right:4px}.admin-table .img-col{width:64px;max-width:64px;text-align:center}.admin-table .img-col img,.admin-thumb{width:40px;height:40px;object-fit:cover;border-radius:4px;display:inline-block}.truncate-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis}.admin-table .actions-col{width:240px;max-width:240px;padding-left:0;padding-right:0;text-align:center}.actions-wrap{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap}.btn-xs{padding:2px 8px;font-size:11px;border-radius:999px;border:none;cursor:pointer;background:#e5e7eb;color:#111827;transition:all .15s ease-in-out;white-space:nowrap}.btn-xs:hover{background:#d1d5db}.btn-xs.btn-primary{background:#2563eb;color:#fff}.btn-xs.btn-primary:hover{background:#1d4ed8}.btn-xs.btn-danger{background:#dc2626;color:#fff}.btn-xs.btn-danger:hover{background:#b91c1c}.btn-auth-primary{background:#2563eb;color:#fff;border:none;padding:8px 18px;border-radius:999px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease-in-out}.btn-auth-primary:hover{background:#1d4ed8}.auth-form{display:flex;flex-direction:column;gap:10px}.form-row{display:flex;gap:10px}.form-field{display:flex;flex-direction:column;flex:1}.form-field label{font-size:11px;font-weight:500;color:#374151;margin-bottom:2px}.form-field input,.form-field select,.form-field textarea{border-radius:8px;border:1px solid #d1d5db;padding:6px 8px;font-size:12px;outline:none}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb26}.admin-footer{position:fixed;bottom:0;left:0;right:0;height:var(--admin-footer-h);background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;z-index:900;padding:0 16px;box-sizing:border-box}.admin-footer-text{display:flex;flex-direction:column;align-items:center}@media(max-width:900px){.admin-nav-links{display:none}.admin-main{padding:16px 14px}.admin-grid-4{grid-template-columns:1fr}.admin-table .actions-col{width:200px;max-width:200px}}.ge-page{padding:16px 20px 40px;background:#f3f4f6}.ge-title{font-size:24px;font-weight:600;color:#111827;margin:0 0 16px}.ge-section-card{background:#fff;border-radius:10px;border:1px solid #e5e7eb;padding:16px 18px;margin-bottom:16px;box-shadow:0 1px 3px #0f172a0f}.ge-section-spacing{margin-top:4px}.ge-row-line{width:100%}.ge-row{display:flex;align-items:center}.ge-row-wrap{flex-wrap:wrap}.ge-row-center{justify-content:center}.ge-row-left{justify-content:flex-start}.ge-row-right{justify-content:flex-end}.ge-row-space-between{justify-content:space-between}.ge-row-gap-xs{gap:6px}.ge-row-gap-sm{gap:10px}.ge-row-gap-md{gap:16px}.ge-row-top-space{margin-top:18px}.ge-row-top-tight{margin-top:8px}.ge-row-bottom-md{margin-bottom:14px}.ge-section-title{font-size:15px;font-weight:600;color:#111827;margin:0}.ge-label,.ge-label-inline{font-size:13px;color:#4b5563}.ge-label-strong{font-size:13px;font-weight:600;color:#111827}.ge-caption{font-size:11px;color:#9ca3af;margin-top:3px}.ge-text-muted{font-size:13px;color:#9ca3af}.ge-required{color:#ef4444;margin-left:2px}.ge-field-group{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;min-width:180px}.ge-category-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.ge-category-input{flex:1 1 auto;min-width:0}.ge-category-buttons{display:flex;flex-shrink:0;gap:8px}.ge-expense-row{justify-content:space-between}.ge-expense-item{flex:1 1 0;min-width:180px}.ge-expense-item-wide{flex:2 1 0}.ge-filter-row{justify-content:space-between}.ge-filter-item{flex:1 1 0;min-width:180px}.ge-input{border-radius:6px;border:1px solid #e5e7eb;padding:7px 10px;font-size:13px;outline:none;background-color:#fff;color:#111827;min-height:36px}.ge-input::placeholder{color:#9ca3af}.ge-input:focus{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb2e}.ge-mode-row{display:flex;align-items:center;gap:6px}.ge-input-mode{width:80px;min-width:80px}.ge-input-value{width:110px}.ge-output-box{min-width:180px;min-height:36px;border-radius:6px;border:1px solid #e5e7eb;background-color:#f9fafb;padding:7px 10px;font-size:13px;display:flex;align-items:center;color:#111827}.ge-output-box-strong{font-weight:600}.ge-output-box-small{margin-top:4px;font-size:11px;color:#6b7280}.ge-btn{border-radius:6px;border:1px solid transparent;padding:7px 14px;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:34px;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,transform .04s ease}.ge-btn:hover{transform:translateY(-.5px)}.ge-btn-primary{background-color:#2563eb;border-color:#2563eb;color:#fff}.ge-btn-primary:hover{background-color:#1d4ed8;border-color:#1d4ed8}.ge-btn-success{background-color:#16a34a;border-color:#16a34a;color:#fff}.ge-btn-success:hover{background-color:#15803d;border-color:#15803d}.ge-btn-secondary{background-color:#f3f4f6;border-color:#d1d5db;color:#111827}.ge-btn-secondary:hover{background-color:#e5e7eb}.ge-btn-outline{background-color:#fff;border-color:#d1d5db;color:#111827}.ge-btn-outline:hover{background-color:#f9fafb}.ge-btn-search{background-color:#0d9488;border-color:#0d9488;color:#fff}.ge-btn-search:hover{background-color:#0f766e;border-color:#0f766e}.ge-btn-print{padding-inline:18px;background-image:linear-gradient(90deg,#ec4899,#6366f1);border-color:transparent;color:#fff;box-shadow:0 4px 10px #94a3ff8c}.ge-btn-print:hover{box-shadow:0 6px 14px #94a3ffbf}.ge-btn-xs{padding:4px 8px;font-size:12px;min-height:26px}.ge-btn-soft-success{background-color:#dcfce7;border-color:#bbf7d0;color:#166534}.ge-btn-soft-success:hover{background-color:#bbf7d0}.ge-btn-soft-danger{background-color:#fee2e2;border-color:#fecaca;color:#b91c1c}.ge-btn-soft-danger:hover{background-color:#fecaca}.ge-chip{border-radius:999px;border:1px solid #d1d5db;padding:4px 10px;font-size:12px;background-color:#fff;cursor:pointer;color:#111827;transition:background-color .1s ease,border-color .1s ease}.ge-chip:hover{background-color:#eff6ff;border-color:#93c5fd}.ge-chip-selected{background-color:#2563eb;border-color:#2563eb;color:#fff}.ge-view-header{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:100%;margin-bottom:10px}.ge-view-left{flex:0 0 auto}.ge-view-center{flex:0 0 auto;margin-left:auto;margin-right:auto;display:flex;align-items:center;gap:12px}.ge-view-right{flex:0 0 auto;margin-left:auto}.ge-table-wrapper{width:100%;overflow-x:auto}.ge-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:4px}.ge-table thead{background-color:#f3f4f6}.ge-table th,.ge-table td{padding:7px 8px;border-bottom:1px solid #e5e7eb;text-align:left;white-space:nowrap}.ge-table th{font-weight:600;color:#111827}.ge-table tbody tr:hover{background-color:#f9fafb}.ge-table-empty{text-align:center;padding:14px 8px;color:#9ca3af}.ge-total-cell{font-weight:600;color:#111827}@media(max-width:1024px){.ge-section-card{padding:14px}}@media(max-width:768px){.ge-page{padding:12px 10px 24px}.ge-section-card{padding:12px 10px}.ge-category-row,.ge-expense-row,.ge-filter-row{flex-direction:column;align-items:stretch}.ge-category-input,.ge-expense-item,.ge-expense-item-wide,.ge-filter-item{max-width:100%;flex:1 1 100%}.ge-view-center{margin-left:0;margin-right:0}.ge-view-right{margin-left:0}}.ge-print-only{display:none}@media print{@page{size:A4 landscape;margin:5mm 10mm 15mm}body{margin:0;padding:0;background:#fff;font-size:10px}.admin-navbar,.admin-footer,.ge-no-print,.ge-no-print-inline,.ge-btn{display:none!important}.admin-layout{padding-top:0!important;padding-bottom:0!important}.ge-page{padding-top:0!important}.ge-title{display:none!important}.ge-section-card{margin-top:0!important}.ge-print-only{display:block}.ge-print-header{text-align:center;margin-top:0;margin-bottom:4mm}.ge-print-header h2{margin:0;font-size:16px;font-weight:600}.ge-print-sub{font-size:11px;line-height:1.3}.ge-print-meta{display:flex;justify-content:space-between;font-size:10px;margin:2mm 0 3mm}.ge-print-title{text-align:center;font-size:13px;font-weight:600;margin:0 0 3mm}.ge-table-wrapper{margin:0 auto;overflow:visible!important}.ge-table{width:100%;border-collapse:collapse;border:1px solid #000000;font-size:10px}.ge-table th,.ge-table td{border:1px solid #000000;padding:3px 4px;text-align:center;vertical-align:middle}.ge-print-note{text-align:center;margin-top:6mm;font-size:10px}.ge-print-sign-row{margin-top:25mm;display:flex;justify-content:space-between;font-size:10px}.ge-print-sign-col{width:30%;text-align:center}.ge-print-sign-line{border-top:1px solid #111827;margin-bottom:3px}}.rep-page{padding:12px 10px 24px}.rep-title{font-size:20px;font-weight:700;margin-bottom:4px}.rep-subtitle{font-size:13px;color:#6b7280;margin-bottom:14px}.rep-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.rep-tab{border-radius:999px;padding:6px 14px;font-size:13px;border:1px solid #d1d5db;background:#f9fafb;color:#374151;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s ease,color .15s ease,border-color .15s ease}.rep-tab span.rep-tab-badge{font-size:11px;padding:2px 8px;border-radius:999px;background:#e5e7eb;color:#4b5563}.rep-tab.rep-tab--active{background:#2563eb;color:#fff;border-color:#2563eb}.rep-tab.rep-tab--active span.rep-tab-badge{background:#1d4ed8;color:#f9fafb}.rep-info-banner{margin-bottom:8px;padding:6px 10px;border-radius:6px;background:#eff6ff;color:#1d4ed8;font-size:12px}.rep-error-banner{margin-bottom:8px;padding:6px 10px;border-radius:6px;background:#fef2f2;color:#b91c1c;font-size:12px}.rep-section-card{border-radius:10px;background:#fff;border:1px solid #e5e7eb;padding:10px 12px 12px;margin-bottom:14px;box-shadow:0 1px 2px #0f172a0a}.rep-section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.rep-section-title{font-size:15px;font-weight:600}.rep-section-sub{font-size:12px;color:#6b7280}.rep-filter-row{display:flex;flex-wrap:wrap;gap:8px;border-top:1px dashed #e5e7eb;padding-top:8px;margin-top:4px;margin-bottom:8px}.rep-filter-item{display:flex;flex-direction:column;min-width:150px;flex:1}.rep-label{font-size:12px;color:#374151;margin-bottom:2px}.rep-input,.rep-select{width:100%;border-radius:6px;border:1px solid #d1d5db;padding:5px 8px;font-size:13px;line-height:1.3}.rep-input:focus,.rep-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb33}.rep-filter-buttons{display:flex;flex-direction:column;justify-content:flex-end}.rep-filter-buttons-inner{display:flex;gap:6px}.rep-btn{border-radius:6px;border:1px solid transparent;padding:5px 10px;font-size:13px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;display:inline-flex;align-items:center;gap:4px}.rep-btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.rep-btn-primary:hover{background:#1d4ed8}.rep-btn-secondary{background:#f9fafb;color:#111827;border-color:#d1d5db}.rep-btn-secondary:hover{background:#f3f4f6}.rep-btn-outline{background:#fff;color:#374151;border-color:#d1d5db}.rep-btn-outline:hover{background:#f9fafb}.rep-summary-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.rep-summary-card{flex:1;min-width:150px;padding:8px;border-radius:8px;background:#f9fafb}.rep-summary-label{font-size:11px;color:#6b7280;margin-bottom:2px}.rep-summary-value{font-size:17px;font-weight:700;color:#111827}.rep-summary-sub{font-size:11px;color:#9ca3af}.rep-table-wrapper{overflow-x:auto;margin-top:4px}.rep-table{width:100%;border-collapse:collapse;font-size:12px}.rep-table th,.rep-table td{border-bottom:1px solid #e5e7eb;padding:4px 6px;text-align:left}.rep-table thead th{background:#f9fafb;font-weight:600;font-size:11px;white-space:nowrap}.rep-table tbody tr:nth-child(2n){background:#f9fafb}.rep-table-empty{text-align:center;padding:12px;font-size:12px;color:#9ca3af}.rep-amount-cell{text-align:right;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.rep-section{display:none}.rep-section--active{display:block}.rep-print-header{text-align:center;font-size:11px;line-height:1.4;margin-bottom:4px}.rep-print-header-title{font-weight:700;font-size:12px}.rep-print-meta{display:flex;justify-content:space-between;font-size:11px;margin-bottom:4px}.rep-print-note{text-align:center;font-size:10px;margin-top:6px}.print-only{display:none}@media print{@page{size:auto;margin:8mm}body{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff!important}.admin-navbar,.admin-footer,.site-footer,.app-footer{display:none!important}.admin-layout{padding-top:0!important;padding-bottom:0!important;background:#fff!important}.no-print{display:none!important}.print-only{display:block!important}.rep-section-card{box-shadow:none!important}.rep-table-wrapper{overflow:visible!important}.rep-table{font-size:10px!important}.rep-table th,.rep-table td{padding:2px 4px!important}}*,*:before,*:after{box-sizing:border-box}:root{--nav-h: 80px;--footer-h: 90px;--bg: #f4f8fc;--ink: #0f2338;--muted: #6b7280;--border: #e5e7eb;--primary: #2563eb}html,body,#root{height:100%;margin:0;padding:0}body{margin:0;padding-bottom:calc(var(--footer-h) + 40px);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:#111827;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}a{text-decoration:none;color:inherit}.app-main{min-height:100vh;padding-top:var(--nav-h);padding-bottom:var(--footer-h)}.nav{position:fixed;top:0;left:0;right:0;width:100%;margin:0;padding:0;background:#fff;z-index:1000;box-shadow:0 4px 12px #0f172a0f}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:100%}.nav .container{max-width:none;width:100%;padding-left:40px;padding-right:40px}.nav-brand{display:flex;align-items:center;gap:10px}.nav-logo{height:34px;width:auto;border-radius:4px}.nav-title{display:flex;flex-direction:column;line-height:1.1}.nav-title strong{font-size:15px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.nav-title span{font-size:11px;color:var(--muted)}.nav-right{display:flex;align-items:center;gap:24px}.nav-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.nav-link{font-size:11px;font-weight:500;letter-spacing:.11em;text-transform:uppercase;color:#1f2937;opacity:.9;cursor:pointer}.nav-link:hover,.nav-link.active,.nav-link-active{color:var(--primary);opacity:1}.nav-link-label{border:0;background:transparent;padding:0}.dropdown{position:relative;display:inline-block}.dropdown-menu,.sub-dropdown{position:absolute;top:80%;left:0;margin-top:6px;padding:10px;display:flex;gap:12px;background:#f4f8fc;border:1px solid #e5e7eb;box-shadow:0 2px 15px #0f172a1f;border-radius:6px;min-width:130px;z-index:999;transition:background .2s ease}.dropdown-col{display:flex;flex-direction:column;gap:6px}.dropdown-link,.sub-link{font-size:13px;color:#111827;font-weight:500;text-decoration:none;white-space:nowrap}.dropdown-link:hover,.sub-link:hover{color:#2563eb}.dropdown-item.has-sub{position:relative}.sub-dropdown{position:absolute;top:-15px;left:100%;margin-left:6px;padding:12px 16px;background:#f4f8fc;border:1px solid #d9e2ef;border-radius:6px;box-shadow:0 4px 16px #0f172a1f;min-width:130px;z-index:1000;display:flex;flex-direction:column;gap:6px}.dropdown-item.has-sub:after{content:"";position:absolute;top:0;right:-8px;width:10px;height:100%;background:transparent}.nav-auth{display:flex;align-items:center;gap:6px}.btn-login,.btn-register{padding:6px 14px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid transparent;cursor:pointer}.btn-login{border-color:var(--primary);color:var(--primary);background:#fff}.btn-login:hover{background:#2563eb0f}.btn-register{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-register:hover{background:#1d4ed8}.footer{position:fixed;bottom:0;left:0;right:0;width:100%;margin:0;padding:0;background:#020617;border-top:1px solid #111827;color:#e5e7eb;z-index:900;font-size:12px;min-height:var(--footer-h)}.footer .container{max-width:none;width:100%;margin:0;padding-left:24px;padding-right:24px}.footer-top{border-top:1px solid #020617;padding:18px 0 16px}.footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:40px;row-gap:16px;align-items:flex-start}.footer-brand,.footer-col{text-align:left}.footer-brand{display:flex;flex-direction:column;gap:8px;padding-top:2px}.footer-brand-logo-row{display:flex;align-items:flex-start;gap:8px}.footer-logo{height:28px;width:auto;object-fit:contain}.footer-brand-text{display:flex;flex-direction:column;gap:2px}.footer-brand-main{margin:0;font-weight:600;font-size:14px}.footer-brand-sub{margin:0;font-size:11px;color:#9ca3af}.footer-heading{margin:0 0 8px;font-size:13px;font-weight:600;color:#f9fafb}.footer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.footer-list li{font-size:12px;color:#d1d5db}.footer-text{font-size:11px;color:#d1d5db;margin:0 0 6px;line-height:1.5}.footer-strong{font-weight:600}.footer-link,.footer-copy a{color:#38bdf8;text-decoration:none}.footer-link:hover,.footer-copy a:hover{text-decoration:underline}.footer-social{display:flex;gap:8px;margin-top:4px}.social-icon{display:inline-flex;width:20px;height:20px;opacity:.9}.social-icon svg{width:100%;height:100%}.social-icon:hover{opacity:1}.footer-bottom{background:#020617}.footer-copy{border-top:1px solid #111827;padding:6px 0 8px;display:flex;justify-content:center;align-items:center;gap:12px;font-size:11px;color:#9ca3af}@media(max-width:900px){.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.footer-brand{grid-column:span 2}}@media(max-width:600px){.footer-columns{grid-template-columns:1fr;row-gap:14px}.footer-brand{grid-column:auto}.footer-copy{flex-direction:column;gap:4px;text-align:center}}.auth-page{height:calc(100vh - var(--nav-h) - var(--footer-h));background:#f4f8fc;display:flex;align-items:center;justify-content:center;padding:0 20px;box-sizing:border-box;overflow:hidden}.auth-container{width:100%;max-width:1000px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;background:#fff;border-radius:16px;border:1px solid #e4e8ee;box-shadow:0 10px 30px #0f172a0f;padding:36px 40px}.auth-intro{border-right:1px solid #f0f2f4;padding-right:30px}.auth-title{font-size:28px;font-weight:800;color:#0f2338;margin-bottom:12px}.auth-sub{color:#5a6b7b;font-size:15px;margin-bottom:18px;line-height:1.6}.auth-points{list-style:none;padding:0;margin:0}.auth-points li{color:#374151;font-size:14px;margin-bottom:6px;position:relative;padding-left:18px}.auth-points li:before{content:"✔";position:absolute;left:0;top:0;color:#2563eb;font-size:13px}.auth-card{padding-left:10px}.auth-card-title{font-size:22px;font-weight:700;color:#0f2338;margin-bottom:4px}.auth-card-sub{color:#64748b;font-size:13px;margin-bottom:18px}.auth-form{display:flex;flex-direction:column;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-field{display:flex;flex-direction:column}.form-field label{font-size:13px;font-weight:600;color:#334155;margin-bottom:4px}.form-field span{color:#dc2626}input,select,textarea{width:100%;padding:10px 14px;font-size:14px;border:1px solid #d0d7e2;border-radius:8px;outline:none;background:#f9fbfd;color:#111827}input:focus,select:focus,textarea:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.auth-check{margin-top:8px;font-size:13px;color:#475569}.auth-check a{color:#2563eb;text-decoration:none}.auth-check a:hover{text-decoration:underline}.btn-auth-primary{background:#2563eb;color:#fff;border:none;border-radius:999px;font-size:15px;font-weight:600;padding:12px 20px;cursor:pointer;margin-top:12px;transition:all .2s ease}.btn-auth-primary:hover{filter:brightness(.95)}.auth-footer-text{font-size:13px;color:#64748b;text-align:center;margin-top:10px}.auth-footer-text a{color:#2563eb;font-weight:600;text-decoration:none}.auth-footer-text a:hover{text-decoration:underline}@media(max-width:1024px){.auth-page{height:auto;padding:calc(var(--nav-h) + 20px) 16px calc(var(--footer-h) + 20px);align-items:flex-start}.auth-container{grid-template-columns:1fr;padding:24px 20px;max-width:600px}.auth-intro{border-right:none;border-bottom:1px solid #f0f2f4;margin-bottom:20px;padding-right:0;padding-bottom:20px}}@media(max-width:640px){.form-row{grid-template-columns:1fr}.auth-title{font-size:22px;text-align:center}.auth-container{padding:20px 14px;box-shadow:none}}.login-page{background:radial-gradient(circle at top,#e0edff 0,#f4f8fc 40% 100%)}.login-card{width:100%;max-width:420px;background:#fff;border-radius:16px;border:1px solid var(--border);box-shadow:0 10px 26px #0f172a14;padding:28px 24px 24px;display:flex;flex-direction:column;gap:16px}.login-head{text-align:center;margin-bottom:4px}.login-title{font-size:22px;font-weight:800;color:var(--ink);margin:0 0 4px}.login-sub{font-size:13px;color:var(--muted);margin:0}.login-extra{display:flex;justify-content:space-between;align-items:center;margin-top:4px;font-size:11px;color:#6b7280}.remember-label{display:flex;align-items:center;gap:4px}.remember-label input{width:14px;height:14px}.login-link{color:var(--primary);text-decoration:none}.login-link:hover{text-decoration:underline}@media(max-width:640px){.login-card{max-width:360px;padding:22px 18px 18px}.login-title{font-size:20px}}.forgot-page{background:radial-gradient(circle at top,#e3f0ff 0,#f4f8fc 40% 100%)}.forgot-card{width:100%;max-width:420px;background:#fff;border-radius:16px;border:1px solid var(--border);box-shadow:0 10px 26px #0f172a14;padding:26px 22px 22px;display:flex;flex-direction:column;gap:16px}.forgot-head{text-align:center;margin-bottom:4px}.forgot-title{font-size:22px;font-weight:800;color:var(--ink);margin:0 0 4px}.forgot-sub{font-size:13px;color:var(--muted);margin:0}@media(max-width:640px){.forgot-card{max-width:360px;padding:22px 16px 18px}.forgot-title{font-size:20px}}.reset-page{background:radial-gradient(circle at top,#e3f0ff 0,#f4f8fc 40% 100%)}.reset-card{width:100%;max-width:460px;background:#fff;border-radius:16px;border:1px solid var(--border);box-shadow:0 10px 26px #0f172a14;padding:26px 22px 22px;display:flex;flex-direction:column;gap:16px}.reset-head{text-align:center;margin-bottom:4px}.reset-title{font-size:22px;font-weight:800;color:var(--ink);margin:0 0 4px}.reset-sub{font-size:13px;color:var(--muted);margin:0}.auth-error-text{font-size:12px;color:#dc2626;margin:4px 0 0}.auth-success-text{font-size:12px;color:#16a34a;margin:4px 0 0}@media(max-width:640px){.reset-card{max-width:360px;padding:22px 16px 18px}.reset-title{font-size:20px}}.approval-table-wrapper{margin-top:16px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0f172a0f;overflow:hidden}.approval-table{width:100%;border-collapse:collapse;font-size:14px}.approval-table th,.approval-table td{padding:8px 10px;border-bottom:1px solid #e5e7eb}.approval-table th{background:#e5efff;text-align:left;font-weight:600}.approval-actions{display:flex;gap:6px;flex-wrap:wrap}.approval-actions button{padding:3px 8px;font-size:12px;border-radius:999px;border:none;cursor:pointer}.approval-actions .btn-approve{background:#16a34a;color:#fff}.approval-actions .btn-reject{background:#dc2626;color:#fff}.approval-actions .btn-update{background:#2563eb;color:#fff}.approval-actions .btn-delete{background:#6b7280;color:#fff}.approval-actions button:disabled{opacity:.5;cursor:default}