:root{--color-primary: #337ab7;--color-primary-hover: #286090;--color-primary-border: #2e6da4;--color-surface: #fff;--color-bg: #f5f5f5;--color-border: #ddd;--color-border-light: #eee;--color-muted: #555;--color-muted-strong: #888;--color-error: #c00;--color-nav-bg: #ecf0f5;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--radius-sm: 4px;--radius-md: 8px;--font-sans: system-ui, -apple-system, Segoe UI, sans-serif;--text-base: 1rem;--text-lg: 1.25rem;--shadow-card: 0 1px 3px rgba(0, 0, 0, .1)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);background:var(--color-bg)}#root{min-height:100vh}a{color:var(--color-primary)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.container{max-width:1200px;margin:0 auto;padding:var(--space-md)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:48px;padding:0 var(--space-lg);display:flex;align-items:center;gap:var(--space-md);background:linear-gradient(135deg,#337ab7,#286090 40%,#1a4a6e);border-bottom:3px solid var(--color-primary-border);box-shadow:0 2px 8px #0000001a}.topbar-logo{display:flex;align-items:center;min-height:48px;padding:0 var(--space-md);margin-right:var(--space-md);background:#fff;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.08);text-decoration:none;color:var(--color-primary);font-weight:700;font-size:.95rem}.topbar-logo:hover{background:#f8f9fa;color:var(--color-primary)}.topbar-logo-img{height:44px;width:auto;display:block;object-fit:contain}.topbar-logo-fallback{display:none;padding:0 var(--space-xs)}.topbar-logo-fallback.visible{display:inline}.topbar-nav{display:flex;align-items:center;gap:2px}.topbar-link{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);text-decoration:none;color:#ffffffe6;font-weight:500}.topbar-link:hover{background:#fff3;color:#fff}.topbar-link.active{background:#fffffff2;color:var(--color-primary)}.topbar-spacer{flex:1}.topbar .lang-btn{background:#fff3;border-color:#fff6;color:#fff}.topbar .lang-btn:hover{background:#ffffff59;color:#fff}.topbar .lang-btn.active{background:#fff;color:var(--color-primary);border-color:#fff}.topbar .lang-sep{color:#fffc}.topbar .topbar-user-id{color:#fffffff2;font-size:.9rem}.topbar .topbar-user .topbar-logout-btn{background:#fffffff2;color:var(--color-primary);border:1px solid rgba(255,255,255,.8);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem}.topbar .topbar-user .topbar-logout-btn:hover{background:#fff;color:var(--color-primary)}.lang-selector{display:flex;align-items:center;gap:var(--space-xs);margin-right:var(--space-md)}.lang-btn{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;font-size:.9rem}.lang-btn:hover{background:var(--color-border-light)}.lang-btn.active{background:var(--color-primary);color:var(--color-surface);border-color:var(--color-primary-border)}.lang-sep{color:var(--color-muted-strong);font-size:.85rem}.topbar-user{display:flex;align-items:center;gap:var(--space-md)}.main-content{flex:1;overflow:auto;padding:var(--space-lg)}.main-content .container{max-width:1200px;margin:0 auto}.page-subtitle{display:block;margin:0 0 var(--space-md);font-weight:600;color:var(--color-primary);font-size:1.1rem}.page-title{display:block;margin:0 0 var(--space-md);font-size:1.25rem;font-weight:600}.home-loading-wrap{display:flex;align-items:center;justify-content:center;min-height:240px;padding:var(--space-lg)}.home-client-field{margin-bottom:var(--space-lg);max-width:320px}.home-client-field label{display:block;margin-bottom:var(--space-xs);font-size:.95rem;font-weight:500}.home-client-select{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:200px;font-size:var(--text-base)}.home-sections{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.home-section-card{margin-bottom:var(--space-md);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.home-section-title{margin:0 0 var(--space-sm);font-size:1rem;font-weight:600}.home-section-card .home-list{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-xs)}.home-list li{padding:0}.home-report-btn{display:inline-block;padding:var(--space-sm) var(--space-md);border-radius:999px;text-decoration:none;color:inherit;transition:background .2s ease,box-shadow .2s ease}.home-report-btn.home-link{color:var(--color-primary)}.home-report-btn.home-link:hover{background:#337ab71f}.home-report-btn.home-label-only{color:var(--color-muted-strong)}.home-report-btn:hover{background:var(--color-border-light)}.home-report-btn-disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.home-select-hint{color:var(--color-muted-strong);margin:0 0 var(--space-md);font-size:.95rem}.page-error{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;padding:var(--space-md);margin-bottom:var(--space-md);background:#c8000014;border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error)}.profile-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.profile-dialog-panel{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:0 4px 20px #00000026;max-width:420px;width:100%;padding:var(--space-lg)}.profile-dialog-title{margin:0 0 var(--space-md);font-size:1.1rem;font-weight:700}.profile-dialog-form{display:flex;flex-direction:column;gap:var(--space-md)}.profile-dialog-field label{display:block;margin-bottom:var(--space-xs);font-size:.9rem;font-weight:500;color:var(--color-muted)}.profile-dialog-field input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-base);font-family:inherit}.profile-dialog-field input:focus{outline:2px solid var(--color-primary);outline-offset:0}.profile-dialog-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-md)}.profile-dialog-actions button{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;cursor:pointer;font-family:inherit}.profile-dialog-actions .profile-btn-back{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-muted)}.profile-dialog-actions .profile-btn-back:hover{background:var(--color-border-light);color:inherit}.profile-dialog-actions .profile-btn-save{background:var(--color-primary);border:1px solid var(--color-primary-border);color:var(--color-surface)}.profile-dialog-actions .profile-btn-save:hover{background:var(--color-primary-hover)}.profile-dialog-actions .profile-btn-save:disabled{opacity:.7;cursor:not-allowed}.profile-dialog-lang-wrap{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap}.profile-dialog-lang-wrap label{margin-right:var(--space-xs);font-size:.9rem;font-weight:500;color:var(--color-muted)}.profile-dialog-check-row{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs)}.profile-dialog-check-row input[type=checkbox]{width:auto;margin:0;cursor:pointer}.profile-dialog-check-row label{margin:0;font-size:.9rem;font-weight:500;color:var(--color-muted);cursor:pointer}.topbar .topbar-user-id-btn{background:transparent;border:none;color:#fffffff2;font-size:.9rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0;font-family:inherit}.topbar .topbar-user-id-btn:hover{color:#fff}.settings-layout{display:flex;gap:var(--space-lg);margin-top:var(--space-md)}.settings-nav{display:flex;flex-direction:column;gap:var(--space-xs);min-width:160px}.settings-nav-btn{padding:var(--space-sm) var(--space-md);text-align:left;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-muted);border-radius:var(--radius-sm);cursor:pointer;font-size:.95rem}.settings-nav-btn:hover{background:var(--color-border-light);color:inherit}.settings-nav-btn.active{background:var(--color-primary);border-color:var(--color-primary-border);color:#fff}.settings-content{flex:1}.settings-section-placeholder,.settings-tab-content{margin-top:var(--space-md)}.settings-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.settings-hint{margin:0;color:var(--color-muted-strong);font-size:.95rem}.settings-table{width:100%;border-collapse:collapse;font-size:.9rem}.settings-table th,.settings-table td{border:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);text-align:left}.settings-table th{background:var(--color-nav-bg);font-weight:600}.settings-table .btn-row{display:flex;gap:var(--space-xs);flex-wrap:wrap}.settings-table .btn-row button{padding:var(--space-xs) var(--space-sm);font-size:.85rem;cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface)}.settings-table .btn-row button:hover{background:var(--color-border-light)}.settings-table .btn-row button.btn-primary{background:var(--color-primary);color:var(--color-surface);border-color:var(--color-primary-border)}.settings-table .btn-row button.btn-primary:hover{background:var(--color-primary-hover)}[dir=rtl] .login-brand-text{text-align:right}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-lg)}.login-shell{width:min(1100px,100%);display:flex;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-card);border:1px solid var(--color-border-light)}.login-left{flex:1.2;padding:calc(var(--space-lg) * 1.25);background:linear-gradient(135deg,#337ab714,#1a4d2e0f);display:flex;flex-direction:column;gap:var(--space-lg);justify-content:center}.login-right{flex:.8;padding:calc(var(--space-lg) * 1.25);display:flex;align-items:center;justify-content:center}.login-branding{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-md);margin-bottom:0;text-decoration:none;color:inherit}.login-branding:hover{color:inherit}.login-logo{height:48px;width:auto;object-fit:contain}.login-logo-hires{height:auto;width:min(480px,100%);max-height:220px}.login-brand-text{display:flex;flex-direction:column;gap:2px;text-align:left}.login-welcome-title{margin:0;font-size:1.05rem;font-weight:700;color:#000;line-height:1.2;white-space:nowrap}.login-slogan{margin:0;font-size:1.05rem;font-weight:700;color:#265d0c}.login-left-links{font-size:.95rem;color:var(--color-muted-strong)}.login-footer-link{color:var(--color-primary);text-decoration:none}.login-footer-link:hover{text-decoration:underline}.login-footer-sep{color:var(--color-muted-strong)}.login-form{width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--space-md)}.login-card-title{margin:0 0 var(--space-sm);font-size:1.1rem;font-weight:700}.login-field-wrap{display:flex;flex-direction:column;gap:var(--space-xs)}.login-field-wrap label{font-size:.9rem;font-weight:500;color:var(--color-muted)}.login-field{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-base);font-family:inherit}.login-field:focus{outline:2px solid var(--color-primary);outline-offset:0}.login-field:disabled{background:var(--color-border-light);cursor:not-allowed}.login-message{margin:0;padding:var(--space-sm);font-size:.9rem;color:var(--color-error);background:#c8000014;border-radius:var(--radius-sm)}.login-actions{margin-top:var(--space-xs)}.landing-cta{display:inline-block;padding:.6em 1.2em;font-size:1em;font-weight:600;border-radius:var(--radius-md);border:1px solid var(--color-primary-border);background:var(--color-primary);color:var(--color-surface);text-decoration:none;transition:background .2s,border-color .2s;cursor:pointer;font-family:inherit;width:100%;text-align:center}.landing-cta:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-surface)}.landing-cta:disabled{opacity:.7;cursor:not-allowed}.landing-cta-secondary{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-border)}.landing-cta-secondary:hover{background:var(--color-border-light);color:var(--color-primary)}.landing-cta-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center;width:100%;max-width:380px}.landing-cta-wrap p{margin:0;color:var(--color-muted);font-size:.95rem}.login-success-msg{color:var(--color-primary);font-weight:600}@media(max-width:900px){.login-shell{flex-direction:column}.login-left,.login-right{padding:var(--space-lg)}.login-branding{justify-content:center;text-align:center;flex-direction:column}.login-brand-text{text-align:center;align-items:center}}