:root{--bg: #f1f5f9;--card: #ffffff;--text: #0f172a;--muted: #64748b;--primary: #1f3b63;--primary-2: #224c84;--border: #dbe3ef}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}.container{max-width:1240px;margin:0 auto;padding:20px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 6px 16px #0f172a0d;margin-bottom:14px}.auth-card{max-width:460px;margin:56px auto}.auth-switch,.actions{display:flex;gap:8px}.form-grid,.grid{display:grid;gap:10px}.grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.store-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(220px,1fr));margin-bottom:12px}.inline-check,.remember-row,.user-pill{display:flex;align-items:center;gap:8px}.remember-row{font-size:14px;color:#334155}input,button,select{width:100%;padding:11px 12px;border-radius:10px;border:1px solid #cfd8e3;font-size:14px}button{border:0;color:#fff;cursor:pointer;background:linear-gradient(130deg,var(--primary),var(--primary-2))}button.secondary{background:#e2e8f0;color:#0f172a;border:1px solid #cbd5e1}button.danger{background:#b91c1c}button:disabled{opacity:.55;cursor:not-allowed}.error{color:#b91c1c}.success{color:#166534}.panel-container{max-width:100%;padding:0;overflow-x:hidden}.panel-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 24px;background:#fff;border-bottom:1px solid #e2e8f0}.panel-brand-wrap{display:flex;align-items:center;gap:12px}.panel-header h2{margin:0;font-size:clamp(28px,3vw,56px);line-height:1.05;color:#1f3b63}.panel-header-actions{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#dbeafe;color:#1e3a8a;font-weight:700}.logout-btn{width:auto;min-width:118px;color:#0f172a!important;background:#f8fafc!important;border:1px solid #cbd5e1!important;padding:10px 14px}.app-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;padding:16px 20px 24px;align-items:start}.sidebar-card{position:sticky;top:94px;padding:8px}.nav-btn{text-align:left;background:transparent;color:var(--text);border:0;margin-bottom:8px;font-size:18px;padding:12px;border-radius:12px}.nav-btn-active{color:#fff!important;background:linear-gradient(130deg,var(--primary),var(--primary-2))!important}.mobile-menu-btn{display:none;width:auto;min-width:46px;border-radius:14px;border:2px solid #e2a100;background:#eef2ff!important;color:#0f172a!important}.sidebar-backdrop{display:none}main{min-width:0}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px;margin-bottom:14px}.metric-card h4{margin:0;color:#475569;font-size:13px}.metric-card p{margin:8px 0 0;font-size:34px;font-weight:700}.dashboard-card{background:transparent;border:0;box-shadow:none;padding:0}.section-header h3{margin:0 0 10px}.section-header p{color:var(--muted);margin:0 0 10px}.dashboard-sections{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:10px;margin-bottom:12px}.section-chip{border:1px solid #dbeafe;border-radius:10px;padding:10px}.section-chip h4{margin:0;color:#1d4ed8}.section-chip p{margin:6px 0 0;color:#475569;font-size:12px}.dashboard-layout{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));gap:12px}.dashboard-block{border:1px solid var(--border);border-radius:12px;background:#fff;padding:14px}.dashboard-block h4{margin:0 0 10px}.field-label{font-size:13px;color:#475569}.report-toolbar{grid-template-columns:1fr}.progress-card{margin-top:12px;border:1px solid #e2e8f0;border-radius:12px;padding:12px;background:#f8fafc}.progress-header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.progress-header small{display:block;color:var(--muted)}.progress-track{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#22c55e);transition:width .35s ease}.progress-caption{margin:8px 0;color:#475569;font-size:12px}.report-history{margin-top:10px}.history-download-btn{min-width:110px}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #e5e7eb;text-align:left;padding:8px;font-size:13px;vertical-align:top}.table-scroll{width:100%;overflow-x:auto}.mobile-history-list{display:none}.mobile-history-item{border:1px solid #e2e8f0;border-radius:12px;padding:12px;background:#fff;margin-bottom:10px}.mobile-history-item p{margin:0 0 6px;font-size:13px;color:#334155}.icon-btn{width:42px!important;min-width:42px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px}.history-actions-cell{display:flex;gap:8px;align-items:center}.mobile-history-actions{display:flex;gap:8px}@media (max-width: 980px){.panel-header{padding:12px;min-height:72px;flex-wrap:wrap}.panel-brand-wrap{width:100%;min-width:0;justify-content:flex-start}.panel-header h2{font-size:clamp(22px,8vw,34px);line-height:1.1}.panel-header-actions{width:100%;justify-content:space-between;gap:8px}.mobile-menu-btn{display:inline-block;flex:0 0 auto}.user-pill{display:none}.logout-btn{width:auto;flex:1;min-width:0}.app-layout{grid-template-columns:1fr;padding:10px 10px 16px;gap:10px;position:relative;overflow-x:hidden}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:29;background:#0f172a73}.sidebar-card{position:fixed;top:72px;left:0;width:min(85vw,320px);height:calc(100vh - 72px);z-index:30;border-radius:0 12px 12px 0;margin:0;padding:12px 8px 8px;transform:translate(-110%);transition:transform .25s ease;overflow-y:auto;background:var(--card)}.sidebar-card.sidebar-open{transform:translate(0)}main{padding:0}.card{padding:12px;border-radius:12px}.dashboard-grid,.dashboard-sections,.dashboard-layout,.grid,.store-grid{grid-template-columns:1fr}.metric-card p{font-size:28px}.actions,.panel-header-actions,.export-actions{flex-wrap:wrap}.actions button,.export-actions button,.report-toolbar button,.store-grid button{width:100%}.desktop-history-table{display:none}.mobile-history-list{display:block}.mobile-history-actions .icon-btn{flex:1;width:100%!important}.responsive-table{border-collapse:separate;border-spacing:0}.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table tr{border:1px solid #dbe3ef;border-radius:12px;padding:10px;margin-bottom:10px;background:#fff}.responsive-table td{border:0;padding:6px 0}.responsive-table td:before{content:attr(data-label);display:block;font-size:12px;font-weight:700;color:#64748b;margin-bottom:4px}.responsive-table td.actions{display:grid;gap:8px}.responsive-table td.actions button,.responsive-table td button,.responsive-table td select,.responsive-table td input{width:100%}.responsive-table td input[type=checkbox]{width:18px;height:18px;margin:4px 0 0}}@media (max-width: 640px){.container{padding:8px}.panel-header h2{font-size:28px}.mobile-menu-btn{padding:8px 10px}.logout-btn{font-size:15px;padding:10px}.card,.dashboard-block,.progress-card,.mobile-history-item{padding:10px}.section-header h3{font-size:24px}.metric-card h4,.dashboard-block h4,.field-label,input,button,select,.progress-caption{font-size:14px}.metric-card p{font-size:24px}.mobile-history-item p{font-size:12px}}