@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";:root{--primary-color: #003366;--secondary-color: #ffffff;--accent-color: #f2f2f2;--font-family: "Roboto", sans-serif}body{margin:0;font-family:var(--font-family);background:linear-gradient(135deg,#f2f2f2,#fff);color:var(--primary-color);display:block;min-height:100vh}a{text-decoration:none;color:var(--primary-color)}button{border:none;background-color:var(--primary-color);color:var(--secondary-color);padding:.8em 1.2em;border-radius:5px;font-weight:500;cursor:pointer;transition:background-color .25s}button:hover{background-color:#024}h1,h2,h3{margin:.5em 0}.home-container{min-height:100vh;background:radial-gradient(circle at top left,#eef7ff,#d8eaff,#f7fbff);color:#1a3a52;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;flex-direction:column}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 1rem 0 1.2rem;background:linear-gradient(90deg,#002f54,#004f7a);box-shadow:0 2px 14px #00000047;position:fixed;width:100%;top:0;left:0;height:86px;z-index:999;box-sizing:border-box}:root,body,#root{margin:0;padding:0;min-height:100vh;width:100%;background:#eef7ff}body.theme-dark,body.theme-dark #root,body.theme-dark .home-container{background:#0f1f33}.pref-controls{display:flex;align-items:center;gap:.75rem;margin-left:auto;margin-right:2.25rem;flex-shrink:0}.pref-controls .profile-menu-trigger{border-color:#ffffff57;box-shadow:0 10px 18px #0000002e}.pref-controls .profile-menu-dropdown{right:.25rem}.lang-toggle{display:inline-flex;background:#ffffff24;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:2px;gap:2px}.lang-switch{color:#fff;font-size:.9rem;display:flex;align-items:center;gap:.45rem}.lang-switch select{border-radius:6px;border:1px solid #d6e7ff;padding:.35rem .5rem;background:#fff;color:#0e2a4e;font-weight:600}.theme-toggle{border:1px solid #ecf5ff;border-radius:8px;background:#ffffff38;color:#fff;padding:.55rem .9rem;cursor:pointer;font-weight:600;transition:background .2s ease}.theme-toggle:hover{background:#ffffff4d}.toggle-btn{border:1px solid rgba(255,255,255,.32);border-radius:999px;background:#ffffff2e;color:#fff;padding:.55rem .9rem;font-weight:700;cursor:pointer}.toggle-btn:hover{background:#ffffff52}.lang-toggle .toggle-btn{min-width:52px;padding:.42rem .7rem;border:none;background:transparent}.lang-toggle .toggle-btn.active{background:#fff;color:#0e2a4e;box-shadow:0 2px 8px #0000002e}body.theme-dark .lang-toggle .toggle-btn.active{background:#eaf2ff;color:#102844}body.theme-light .home-container{background:radial-gradient(circle at top left,#eef7ff,#d8eaff,#f7fbff);color:#1a3a52}body.theme-light .navbar{background:linear-gradient(90deg,#002f54,#004f7a)}body.theme-light .user-type-card{background:#fff;color:#0d47a1}body.theme-dark .home-container{background:radial-gradient(circle at top left,#0f1f33,#162b44,#1a3450);color:#e8f0ff}body.theme-dark .navbar{background:linear-gradient(90deg,#0d2a4d,#1a4068);box-shadow:0 2px 14px #0009}body.theme-dark .brand h1,body.theme-dark .brand small,body.theme-dark .nav-buttons button,body.theme-dark .profile-menu-trigger,body.theme-dark .theme-toggle,body.theme-dark .toggle-btn,body.theme-dark .user-type-card h3,body.theme-dark .hero-content p,body.theme-dark .hero-content h2,body.theme-dark .features h3,body.theme-dark .user-type-card p,body.theme-dark .feature-card h4,body.theme-dark .feature-card p,body.theme-dark .footer,body.theme-dark .footer h4,body.theme-dark .footer p,body.theme-dark .footer li{color:#e8f0ff}body.theme-dark .hero-content h2,body.theme-dark .features h3,body.theme-dark .user-type-card p,body.theme-dark .feature-card h4,body.theme-dark .feature-card p{color:#ebf5ff}body.theme-dark .user-type-card{background:#1d2f4d;border:1px solid rgba(255,255,255,.18)}body.theme-dark .feature-card{background:#1a2d48;border:1px solid rgba(255,255,255,.1)}body.theme-dark .hero-visual{background:linear-gradient(150deg,#112237,#19335b)}.home-container{padding-top:96px}.brand{display:flex;align-items:center;gap:0;margin-left:0;min-width:0}.brand-logo{width:200px;height:200px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;flex-shrink:0}.brand>div:not(.brand-logo){margin-left:-50px}.brand-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.brand h1{font-size:1.35rem;margin:0;color:#fff;font-weight:700;letter-spacing:-.3px}.brand small{font-size:.8rem;color:#e0f1ff;font-weight:500;display:block;margin-top:2px}.nav-buttons{display:flex;gap:.75rem;margin-right:0}.nav-buttons button{border:none;cursor:pointer;border-radius:8px;padding:.65rem 1.2rem;font-size:.95rem;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.nav-buttons button:hover{transform:translateY(-1px);box-shadow:0 6px 12px #08356226}.nav-buttons button{background:linear-gradient(135deg,#0d47a1,#00695c);color:#fff;border:1.5px solid rgba(255,255,255,.4)}.nav-buttons button:not(.primary){background:linear-gradient(135deg,#0d47a1,#00695c);color:#fff;border:1.5px solid rgba(255,255,255,.4)}.nav-buttons button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.welcome-section{flex:1;margin:2.5rem;padding:0;background:transparent;border-radius:0;box-shadow:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-bottom:3.5rem}.hero-content{display:flex;flex-direction:column;gap:1.5rem;text-align:left}.hero-content h2{font-size:2.8rem;margin:0;color:#073b64;line-height:1.2;font-weight:700;letter-spacing:-.5px}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.user-type-card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 8px 16px #0d47a11a;border:2px solid transparent}.user-type-card.client,.user-type-card.admin{border:2px solid #0d47a1}.user-type-card h3{margin:0 0 .5rem;color:#0d47a1}.user-type-card p{margin:0 0 1rem;color:#4b6b8d}.user-action-buttons{display:flex;justify-content:center;gap:.8rem;margin-top:14px}.user-action-buttons button{flex:1;margin:0}.hero-content p{font-size:1.2rem;color:#5a7a94;margin:0;max-width:540px;line-height:1.6;font-weight:400}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-actions button,.nav-buttons button{min-width:160px}.hero-actions .secondary{background:transparent;color:#0d47a1;border:2px solid #0d47a1}.hero-actions .secondary:hover{background:#0d47a114}.nav-buttons button:not(.primary){background:linear-gradient(135deg,#0d47a1,#00695c)!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.4)!important}.hero-visual{position:relative;height:100%;min-height:420px;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#f6fbff,#e0f1ff);border-radius:12px;box-shadow:0 8px 20px #0d47a11f;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:contain}.features{background:transparent;border-radius:0;padding:0;box-shadow:none}.features h3{margin:0 0 2.5rem;font-size:2rem;color:#073b64;font-weight:700;letter-spacing:-.3px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.feature-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #23426c14;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #23426c1f}.feature-image{width:100%;height:320px;overflow:hidden;background:#f5f8fb;display:flex;align-items:center;justify-content:center}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-text{padding:1.8rem}.feature-card h4{margin:0 0 .8rem;color:#073b64;font-size:1.3rem;font-weight:700;letter-spacing:-.2px}.feature-card p{margin:0;color:#5a7a94;font-size:1rem;line-height:1.6;font-weight:400}.footer{margin-top:3rem;padding:2.5rem 2rem;background:linear-gradient(180deg,#173e6b,#0f2d53);color:#eef5ff}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:1.5rem;border-bottom:1px solid rgba(239,245,255,.2);padding-bottom:1.5rem}.footer h4{margin:0 0 .75rem;font-size:1.1rem;color:#fff}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin-bottom:.5rem;color:#d7e6ff;font-size:.95rem}.footer li:hover{color:#fff;cursor:pointer}.footer-bottom{margin-top:1.2rem;padding-top:1rem;color:#c4d8f6;font-size:.9rem;text-align:center}@media (max-width: 920px){.navbar{padding-right:.85rem}.pref-controls{margin-right:0}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.footer-grid{grid-template-columns:1fr}}@media (max-width: 920px){.hero{grid-template-columns:1fr;gap:2rem}.hero-visual{height:250px}.feature-grid{grid-template-columns:1fr}.hero-content h2{font-size:2.2rem}.welcome-section{margin:1.5rem}}@media (max-width: 560px){.home-container{background:linear-gradient(180deg,#eef7ff,#f6fbff)}.navbar{padding:0 1rem 0 0}.brand-logo{width:140px;height:140px}.welcome-section{margin:1rem;padding:0}.hero-content h2{font-size:1.8rem}.hero-content p{font-size:1rem}.features h3{font-size:1.6rem}.feature-grid{gap:1rem}.feature-text{padding:1rem}.feature-card h4{font-size:1.1rem}}.transaction-history{margin:0 auto;max-width:980px}.history-header-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem}.history-header-row h3{margin:0;font-size:1.25rem}.history-export-wrap{display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap;font-size:.9rem}.export-btn{border:1px solid rgba(13,71,161,.2);background:#f5f9ff;color:#154272;border-radius:10px;padding:.4rem .65rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.export-icon{border-radius:6px;padding:.15rem .32rem;font-size:.72rem;font-weight:800;color:#fff}.export-btn.excel .export-icon{background:#217346}.export-btn.csv .export-icon{background:#3d6b99}.export-btn.pdf .export-icon{background:#c53030}.transaction-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:12px;border:1px solid #d8e5f5;table-layout:fixed}.transaction-table th,.transaction-table td{padding:.85rem .8rem;text-align:left;font-size:.96rem;vertical-align:middle;word-break:break-word}.transaction-table th{background:#0f3b73;color:#f6faff;font-weight:700;border-right:1px solid #c5d5e8}.transaction-table th:last-child{border-right:none}.transaction-table td{border-right:1px solid #d8e5f5}.transaction-table td:last-child{border-right:none}.transaction-table tr:nth-child(2n){background-color:#f5f8fd}body.theme-dark .transaction-history{color:#e8f0ff}body.theme-dark .export-btn{background:#203a5d;color:#e8f0ff;border-color:#e8f0ff3d}body.theme-dark .transaction-table{border-color:#e8f0ff38}body.theme-dark .transaction-table tr:nth-child(2n){background-color:#213754}body.theme-dark .transaction-table tr:nth-child(odd){background-color:#1b2f4b}.dashboard-container{padding:1.4rem;background:linear-gradient(180deg,#f8fbff,#edf3fb);border-radius:16px;box-shadow:0 10px 24px #1034631f;color:#12345b}.dashboard-greeting-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.85rem}.dashboard-greeting-row h2{flex:1;margin:0;text-align:center;font-size:1.35rem;line-height:1.25}.dashboard-header{margin-bottom:1.25rem;padding:.9rem 1rem 1rem;border-radius:14px;background:#ffffffd9;border:1px solid rgba(13,71,161,.14)}.dashboard-balance-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.dashboard-balance-row p{margin:0;font-size:1.05rem;font-weight:600}.dashboard-header-actions{display:flex;align-items:center;gap:.65rem}.dashboard-header-actions label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.dashboard-header-actions select{min-width:170px;border:1.5px solid rgba(13,71,161,.22);border-radius:12px;background:#fff;padding:.55rem .75rem;font-size:.95rem}.customer-logout-btn{border:none;border-radius:12px;background:linear-gradient(135deg,#2e5d99,#204877);color:#fff;font-weight:700;padding:.6rem 1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.customer-logout-btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px #20487740}.dashboard-nav{display:flex;justify-content:center;gap:.9rem;margin-bottom:1rem}.dashboard-nav button{border:1px solid rgba(13,71,161,.2);background:#fff;color:#1a3f68;border-radius:999px;padding:.6rem 1.2rem;font-size:1rem;font-weight:700;cursor:pointer}.dashboard-content{padding:1.2rem;background-color:#fff;border-radius:12px}.customer-operation-panel h3{margin-top:0;font-size:1.22rem}.customer-form{display:grid;gap:1rem}.customer-field{display:grid;gap:.45rem}.customer-field label{font-weight:600;font-size:1rem}.customer-field input,.customer-field select{width:100%;box-sizing:border-box;border:1.5px solid rgba(13,71,161,.25);border-radius:14px;padding:.85rem .95rem;font-size:1rem}.customer-action-btn{margin-top:.35rem;width:max-content;min-width:160px;justify-self:center;border:none;border-radius:14px;background:linear-gradient(135deg,#0d47a1,#1565c0);color:#fff;font-weight:700;font-size:1rem;padding:.8rem 1.2rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.customer-action-btn:hover{transform:translateY(-1px);box-shadow:0 10px 16px #0d47a133}.customer-alert{width:100%;box-sizing:border-box;display:flex;align-items:flex-start;gap:.55rem;border-radius:12px;padding:.75rem .9rem;border:1px solid transparent;background:#fff;font-weight:700;line-height:1.35}.customer-alert-icon{font-size:1.05rem;line-height:1.2;flex-shrink:0}.customer-alert-text{display:inline-block;word-break:break-word}.customer-alert-success{border-color:#16a34a;color:#166534;background:#fff}.customer-alert-error{border-color:#dc2626;color:#991b1b;background:#fff}.customer-alert-warning{border-color:#f59e0b;color:#92400e;background:#fff}body.theme-dark .dashboard-container{background:linear-gradient(180deg,#1b2f4c,#223a5d);color:#e8f0ff}body.theme-dark .dashboard-header{background:#182c46d1;border-color:#e8f0ff33}body.theme-dark .dashboard-content{background-color:#243a59;color:#e8f0ff}body.theme-dark .dashboard-nav button{background:#2a4a74;border-color:#e8f0ff33;color:#eef5ff}body.theme-dark .dashboard-header-actions select,body.theme-dark .customer-field input,body.theme-dark .customer-field select{background:#1d3554;color:#e8f0ff;border-color:#e8f0ff52}body.theme-dark .customer-alert-success{background:#22c55e24;border-color:#22c55e;color:#bbf7d0}body.theme-dark .customer-alert-error{background:#ef444424;border-color:#ef4444;color:#fecaca}body.theme-dark .customer-alert-warning{background:#f59e0b29;border-color:#f59e0b;color:#fde68a}@media (max-width: 860px){.dashboard-greeting-row,.dashboard-balance-row{flex-direction:column;align-items:stretch}.dashboard-greeting-row h2{text-align:left}.dashboard-header-actions{align-items:flex-start;flex-wrap:wrap}}.admin-page{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh}.dashboard-container{background:var(--bg-secondary);border-radius:12px;overflow:hidden}.dashboard-greeting-row{display:flex;align-items:center;justify-content:space-between;padding:2rem 2rem 0;gap:1rem}.dashboard-greeting-row h2{margin:0;font-size:1.5rem;color:var(--text-primary);flex:1}.customer-logout-btn{padding:.75rem 1.5rem;border:none;border-radius:24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 8px #667eea4d}.customer-logout-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66;background:linear-gradient(135deg,#764ba2,#667eea)}.customer-logout-btn:active{transform:translateY(0)}.dashboard-header{padding:1.5rem 2rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.dashboard-balance-row{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.dashboard-balance-row p{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.dashboard-header-actions{display:flex;align-items:center;gap:1rem}.dashboard-header-actions label{font-size:.95rem;color:var(--text-secondary);font-weight:600}.dashboard-header-actions select{padding:.65rem 1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--input-bg);color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease}.dashboard-header-actions select:hover{border-color:#667eea}.dashboard-header-actions select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.admin-section{padding:2rem;margin-top:1.5rem}.admin-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.admin-section-header h3{margin:0;font-size:1.25rem;color:var(--text-primary);font-weight:700}.admin-table{width:100%;border-collapse:separate;border-spacing:0;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;table-layout:fixed}.admin-table thead{background-color:var(--header-bg);border-bottom:2px solid var(--border-color)}.admin-table thead tr{display:table-row;width:100%}.admin-table thead th{padding:1rem;text-align:center;font-size:.95rem;font-weight:700;color:var(--text-primary);text-transform:capitalize;border-right:1px solid var(--border-color);vertical-align:middle}.admin-table thead th:last-child{border-right:none}.admin-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s ease;display:table-row;width:100%}.admin-table tbody tr:nth-child(odd){background-color:var(--row-bg-alt)}.admin-table tbody tr:hover{background-color:var(--row-hover-bg)}.admin-table tbody td{padding:1rem;font-size:.95rem;color:var(--text-primary);border-right:1px solid var(--border-color);vertical-align:middle;word-break:break-word}.admin-table tbody td:last-child{border-right:none}.admin-alert{width:100%;box-sizing:border-box;margin-top:1rem;display:flex;align-items:flex-start;gap:.55rem;border-radius:12px;padding:.8rem .95rem;border:1px solid transparent;font-size:.95rem;font-weight:700;line-height:1.35}.admin-alert-icon{font-size:1.05rem;line-height:1.2;flex-shrink:0}.admin-alert-text{display:inline-block;word-break:break-word}.admin-alert-success{border-color:#16a34a;background:#fff;color:#166534}.admin-alert-error{border-color:#dc2626;background:#fff;color:#991b1b}.admin-alert-warning{border-color:#f59e0b;background:#fff;color:#92400e}.history-export-wrap{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--text-secondary);font-weight:600}.export-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:#fff;text-decoration:none}.export-btn.excel{background-color:#10b981;box-shadow:0 2px 4px #10b98140}.export-btn.excel:hover{background-color:#059669;box-shadow:0 4px 8px #10b98159;transform:translateY(-1px)}.export-btn.csv{background-color:#3b82f6;box-shadow:0 2px 4px #3b82f640}.export-btn.csv:hover{background-color:#2563eb;box-shadow:0 4px 8px #3b82f659;transform:translateY(-1px)}.export-btn.pdf{background-color:#ef4444;box-shadow:0 2px 4px #ef444440}.export-btn.pdf:hover{background-color:#dc2626;box-shadow:0 4px 8px #ef444459;transform:translateY(-1px)}.export-icon{font-size:.75rem;font-weight:700;letter-spacing:-.5px}.theme-dark{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--text-primary: #f5f5f5;--text-secondary: #a0a0a0;--border-color: #2d3561;--input-bg: #0f3460;--header-bg: #0f3460;--row-bg-alt: #161a3a;--row-hover-bg: #1f2854}body.theme-dark .admin-alert-success{background:#22c55e24;border-color:#22c55e;color:#bbf7d0}body.theme-dark .admin-alert-error{background:#ef444424;border-color:#ef4444;color:#fecaca}body.theme-dark .admin-alert-warning{background:#f59e0b29;border-color:#f59e0b;color:#fde68a}.theme-light{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #1f2937;--text-secondary: #6b7280;--border-color: #e5e7eb;--input-bg: #f3f4f6;--header-bg: #f0f1f3;--row-bg-alt: #fafbfc;--row-hover-bg: #f3f4f6}@media (max-width: 768px){.admin-page{padding:1rem}.dashboard-greeting-row{flex-direction:column;align-items:flex-start;padding:1.5rem 1.5rem 0}.dashboard-greeting-row h2{font-size:1.25rem;width:100%}.customer-logout-btn{width:100%;text-align:center}.dashboard-balance-row{flex-direction:column;gap:1rem}.dashboard-balance-row p{width:100%}.dashboard-header-actions{width:100%;justify-content:space-between}.admin-section-header{flex-direction:column;align-items:flex-start}.history-export-wrap{width:100%;flex-wrap:wrap}.admin-table{font-size:.85rem}.admin-table thead th,.admin-table tbody td{padding:.75rem .5rem}.export-btn{padding:.4rem .8rem;font-size:.8rem}}@media (max-width: 480px){.admin-page{padding:.5rem}.dashboard-greeting-row h2{font-size:1rem}.dashboard-balance-row p{font-size:.95rem}.admin-section{padding:1rem}.admin-table{font-size:.8rem}.admin-table thead th,.admin-table tbody td{padding:.5rem .25rem}.history-export-wrap{gap:.5rem}.export-btn{padding:.35rem .6rem;font-size:.75rem;gap:.25rem}}#root{max-width:none;margin:0;width:100%;min-height:100vh;padding:0;text-align:center}.app-shell{min-height:100vh}.route-frame{padding-bottom:72px}.route-frame.with-topbar{padding-top:100px}.route-frame.auth-route-frame{min-height:calc(100vh - 100px);display:grid;align-items:center;justify-items:center;padding-left:1rem;padding-right:1rem}.global-topbar{position:fixed;top:0;left:0;right:0;z-index:1200;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:.85rem 1.5rem;background:#fffffff0;border-bottom:1px solid rgba(0,52,105,.12);box-shadow:0 8px 22px #0000001a}.global-brand{display:inline-flex;align-items:center;gap:.85rem;color:#0e2a4e;text-decoration:none}.global-brand-logo{width:56px;height:56px;object-fit:contain}.global-brand-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.global-brand-text strong{font-size:1rem}.global-brand-text span{font-size:.82rem;color:#58718f}.global-pref-bar{display:flex;gap:8px;align-items:center;background:#ffffffeb;border:1px solid rgba(0,52,105,.18);border-radius:999px;padding:6px}.global-topbar-actions{display:flex;align-items:center;gap:12px}.global-lang-toggle{display:inline-flex;gap:2px;background:#003a7517;border-radius:999px;padding:2px}.global-toggle-btn{border:none;background:transparent;color:#0e2a4e;border-radius:999px;padding:.45rem .8rem;font-weight:700;cursor:pointer}.global-toggle-btn.active{background:#0d47a1;color:#fff}.profile-menu{position:relative}.profile-menu-trigger{width:44px;height:44px;border:1px solid rgba(0,52,105,.18);border-radius:999px;background:linear-gradient(135deg,#0d47a1,#1565c0);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 16px #0d47a12e}.profile-menu-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;display:grid;gap:6px;padding:.55rem;background:#fff;border:1px solid rgba(0,52,105,.14);border-radius:14px;box-shadow:0 18px 32px #00000024}.profile-menu-item{border:none;border-radius:10px;background:#0d47a114;color:#0e2a4e;padding:.8rem .95rem;font:inherit;font-weight:700;text-align:left;cursor:pointer}.profile-menu-item:hover{background:#0d47a124}.profile-menu-item.danger{background:#dc262614;color:#b91c1c}.profile-menu-item.danger:hover{background:#dc262624}.account-page-wrap{min-height:calc(100vh - 172px)}.account-page{max-width:760px;text-align:left}.account-card-header{margin-bottom:1.5rem}.account-card-header h2{margin:0 0 .45rem;color:#0e2a4e}.account-card-header p{margin:0;color:#58718f}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.account-field{display:grid;gap:.4rem;padding:1rem 1.1rem;background:#0d47a10f;border:1px solid rgba(0,52,105,.12);border-radius:14px}.account-field span{font-size:.84rem;text-transform:uppercase;letter-spacing:.04em;color:#58718f}.account-field strong{color:#0e2a4e;font-size:1rem}.account-field.full-width{grid-column:1 / -1}.account-inline{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.account-input{min-width:260px;flex:1;padding:.65rem .8rem;border:1px solid rgba(0,52,105,.24);border-radius:10px;background:#fff;color:#0e2a4e}.account-password-wrap{position:relative;flex:1;min-width:260px}.account-password-wrap .account-input{width:100%;padding-right:2.8rem}.account-eye-btn{width:auto;height:auto;border:none;border-radius:0;background:transparent;color:#0e2a4e;cursor:pointer;font-size:1.35rem;line-height:1;padding:.1rem .2rem}.account-password-wrap .account-eye-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.account-eye-btn:hover{transform:scale(1.08)}.account-action-btn{border:none;border-radius:10px;background:linear-gradient(135deg,#0d47a1,#1565c0);color:#fff;padding:.62rem .9rem;font:inherit;font-weight:700;cursor:pointer}.account-action-btn.secondary{background:#0d47a11f;color:#0e2a4e}.account-status-message{margin-top:1rem;padding:.7rem .9rem;border-radius:10px;background:#10b9811f;color:#0f766e;font-weight:600}.auth-page,.admin-page,.customer-page{max-width:980px;margin:1.25rem auto;background:#ffffffe6;border:1px solid rgba(0,54,107,.12);border-radius:14px;box-shadow:0 10px 24px #0d47a114;padding:1.5rem}.auth-page{width:min(560px,calc(100% - 2rem));text-align:left}.auth-page h2{margin:0 0 1rem;text-align:center}.auth-page-header{display:flex;justify-content:flex-start;margin-bottom:1rem}.auth-back-btn{border:none;background:#0d47a11a;color:#0d47a1;border-radius:999px;padding:.55rem .9rem;font-weight:700;cursor:pointer}.auth-back-btn:hover{background:#0d47a12e}.auth-form{display:grid;gap:.75rem;text-align:left}.auth-form label{display:block;font-size:.95rem;font-weight:500;margin-bottom:.35rem;color:#0e2a4e}.auth-form input,.auth-form select{width:96%;padding:.75rem;border:1.5px solid rgba(13,71,161,.25);border-radius:12px;background:#fff;color:#0e2a4e;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.auth-form input:focus,.auth-form select:focus{outline:none;border-color:#0d47a1;box-shadow:0 0 0 3px #0d47a11a}.auth-form button[type=submit]{padding:.8rem;margin-top:.5rem;background:linear-gradient(135deg,#0d47a1,#1565c0);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.auth-form button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0d47a133}.auth-checkbox{display:flex;align-items:center;gap:.5rem;margin-top:.2rem;margin-bottom:.8rem;font-size:.9rem;color:#0e2a4e}.auth-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#0d47a1;cursor:pointer}.auth-switch-row{margin-top:.75rem;font-size:.92rem;color:#28466d}.auth-switch-row button,.auth-help button{margin-left:.75rem;padding:.42rem .9rem;border:1px solid rgba(13,71,161,.28);border-radius:999px;background:#0d47a114;color:#0d47a1;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.auth-switch-row button:hover,.auth-help button:hover{transform:translateY(-1px);background:#0d47a129;box-shadow:0 6px 14px #0d47a124}.auth-form input,.auth-form select,.auth-form button,.dashboard-content input,.dashboard-content select,.dashboard-content button{font:inherit}body.theme-dark .auth-form label{color:#e8f0ff}body.theme-dark .auth-form input,body.theme-dark .auth-form select{background:#243a59;color:#e8f0ff;border-color:#e8f0ff59}body.theme-dark .auth-form input:focus,body.theme-dark .auth-form select:focus{border-color:#eaf2ff;box-shadow:0 0 0 3px #eaf2ff26}body.theme-dark .auth-checkbox{color:#e8f0ff}body.theme-dark .auth-switch-row{color:#c9dbf8}body.theme-dark .auth-switch-row button,body.theme-dark .auth-help button{background:#a8c9ff1f;border-color:#a8c9ff66;color:#cfe0ff}body.theme-dark .auth-switch-row button:hover,body.theme-dark .auth-help button:hover{background:#a8c9ff38;box-shadow:0 6px 14px #00000047}body.theme-dark .global-pref-bar{background:#122339f2;border-color:#eaf2ff33}body.theme-dark .global-topbar{background:#0e1d30f5;border-bottom-color:#eaf2ff1f}body.theme-dark .global-brand{color:#e8f0ff}body.theme-dark .global-brand-text span{color:#b7ccef}body.theme-dark .global-lang-toggle{background:#eaf2ff1f}body.theme-dark .global-toggle-btn{color:#e8f0ff}body.theme-dark .global-toggle-btn.active{background:#eaf2ff;color:#102844}body.theme-dark .profile-menu-trigger{border-color:#eaf2ff3d;box-shadow:0 8px 18px #00000047}body.theme-dark .profile-menu-dropdown{background:#16304d;border-color:#eaf2ff1f}body.theme-dark .profile-menu-item{background:#a8c9ff1f;color:#e8f0ff}body.theme-dark .profile-menu-item:hover{background:#a8c9ff33}body.theme-dark .profile-menu-item.danger{background:#f8717124;color:#fecaca}body.theme-dark .account-card-header h2,body.theme-dark .account-field strong{color:#e8f0ff}body.theme-dark .account-card-header p,body.theme-dark .account-field span{color:#b7ccef}body.theme-dark .account-field{background:#a8c9ff14;border-color:#eaf2ff24}body.theme-dark .account-input{background:#243a59;color:#e8f0ff;border-color:#e8f0ff4d}body.theme-dark .account-eye-btn{background:transparent;color:#e8f0ff}body.theme-dark .account-action-btn.secondary{background:#a8c9ff2e;color:#e8f0ff}body.theme-dark .account-status-message{background:#10b98133;color:#9ff9e9}body.theme-dark .auth-back-btn{background:#eaf2ff24;color:#e8f0ff}body.theme-dark .auth-page,body.theme-dark .admin-page,body.theme-dark .customer-page,body.theme-dark .dashboard-container,body.theme-dark .dashboard-content,body.theme-dark .transaction-history,body.theme-dark table,body.theme-dark form{background:#1a2d48;color:#e8f0ff}body.theme-dark input,body.theme-dark select,body.theme-dark textarea{background:#243a59;color:#e8f0ff;border:1px solid rgba(232,240,255,.35)}body.theme-dark .transaction-table th,body.theme-dark thead th{background:#27476f;color:#f3f8ff}body.theme-dark .transaction-table td,body.theme-dark td,body.theme-dark th{border-color:#e8f0ff33}body.theme-dark a{color:#a8c9ff}.auth-footer{position:fixed;bottom:0;left:0;right:0;background:#f5f7fa;border-top:1px solid rgba(13,71,161,.1);padding:.6rem 1.5rem;font-size:.8rem;color:#475569}.auth-footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;text-align:center}.auth-footer-trademark{font-size:.75rem;color:#64748b;white-space:nowrap}.auth-footer-nav{display:inline-flex;justify-content:center;align-items:center;gap:.3rem}.auth-footer-nav a{color:#0d47a1;text-decoration:none;font-weight:500;transition:color .2s ease;white-space:nowrap}.auth-footer-nav a:hover{color:#1565c0;text-decoration:underline}.auth-footer-divider{color:#cbd5e1;margin:0 .2rem}.auth-footer-copyright{font-size:.7rem;color:#94a3b8;white-space:nowrap}.auth-route-frame{padding-bottom:70px}body.theme-dark .auth-footer{background:#1a2d48;border-top-color:#eaf2ff26}body.theme-dark .auth-footer-trademark,body.theme-dark .auth-footer-copyright{color:#a8bde8}body.theme-dark .auth-footer-nav a{color:#a8c9ff}body.theme-dark .auth-footer-nav a:hover{color:#e8f0ff}body.theme-dark .auth-footer-divider{color:#475b88}@media (max-width: 780px){.global-topbar{padding:.8rem 1rem;flex-direction:column;align-items:stretch}.global-brand,.global-pref-bar,.global-topbar-actions{justify-content:center}.route-frame.with-topbar{padding-top:150px}.route-frame.auth-route-frame{min-height:calc(100vh - 150px)}.account-grid{grid-template-columns:1fr}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}