:root{--primary:#22abc3;--primary-dark:#1694a9;--bg:#f4f7fb;--surface:#fff;--text:#16202a;--muted:#6b7280;--border:#e6ebf2;--success:#1fa971;--danger:#e25555;--warning:#f59e0b;--radius-xl:24px;--radius-lg:18px;--radius-md:14px;--radius-sm:10px;--shadow:0 10px 30px #0f172a0d}html,body,#root{min-height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);direction:rtl;font-family:YekanBakh,IRANSansX,sans-serif}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.container{width:min(1120px,100% - 32px);margin-inline:auto}.app-header{background:var(--primary);color:#fff;z-index:20;position:sticky;top:0}.header-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:78px;display:grid}.header-side{align-items:center;display:flex}.header-side-end{justify-content:flex-end}.header-center{text-align:center}.header-center h1{margin:0;font-size:1.15rem;font-weight:800}.brand-logo,.brand-mark-small{background:#ffffff2e;border-radius:14px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand-text strong{font-size:.95rem}.brand-text span{opacity:.95;font-size:.82rem}.header-back-btn,.logout-btn{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:12px;padding:10px 14px}.header-user-meta strong{font-size:.92rem}.header-user-meta span{opacity:.92;font-size:.78rem}.page-section{padding-block:24px 40px}.hero-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(135deg,#e8fbff,#fff);grid-template-columns:1.4fr .8fr;gap:20px;margin-bottom:20px;padding:24px;display:grid}.hero-chip{color:var(--primary-dark);background:#22abc31f;border-radius:999px;margin-bottom:12px;padding:8px 14px;font-size:.86rem;display:inline-block}.hero-card h2{margin:0 0 10px;font-size:1.4rem}.hero-card p{color:var(--muted);margin:0;line-height:1.9}.price-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);height:100%;box-shadow:var(--shadow);flex-direction:column;justify-content:center;gap:10px;padding:20px;display:flex}.price-box span{color:var(--muted)}.price-box strong{color:var(--primary-dark);font-size:1.5rem}.invoice-grid,.dashboard-layout{grid-template-columns:1fr 1fr;gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.panel-card{padding:20px}.card-header{margin-bottom:18px}.card-header h3{margin:0;font-size:1.05rem}.info-list,.payment-box{flex-direction:column;gap:14px;display:flex}.info-row{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-row-label{color:var(--muted);min-width:120px}.info-row-value-wrap{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.info-row-value{text-align:left;direction:ltr;font-weight:700}.copy-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#f8fafc;border-radius:10px;padding:8px 12px}.status-badge{border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.status-pending{color:#a06a00;background:#fff5db}.status-paid,.status-approved{color:#166534;background:#dcfce7}.status-rejected,.status-expired{color:#991b1b;background:#fee2e2}.action-stack{flex-direction:column;gap:12px;margin-top:20px;display:flex}.action-stack-inline{flex-flow:wrap}.primary-action,.secondary-action{cursor:pointer;border:none;border-radius:16px;width:100%;min-height:52px;padding:12px 18px;font-weight:800}.primary-action{background:var(--primary);color:#fff}.primary-action:disabled{opacity:.7;cursor:not-allowed}.secondary-action{color:var(--primary-dark);background:#eef7fa}.auth-shell{background:radial-gradient(circle at top right, #22abc31f, transparent 22%), var(--bg)}.auth-page{place-items:center;min-height:calc(100vh - 78px);padding-block:28px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);width:min(100%,460px);box-shadow:var(--shadow);border-radius:28px;padding:28px}.auth-card-head{margin-bottom:22px}.auth-card-head h2{margin:0 0 10px}.auth-card-head p{color:var(--muted);margin:0;line-height:1.9}.auth-form{flex-direction:column;gap:16px;display:flex}.form-field{flex-direction:column;gap:8px;display:flex}.form-field label{font-size:.95rem;font-weight:700}.form-field input,.simple-form-grid input,.dashboard-textarea{border:1px solid var(--border);background:#fff;border-radius:14px;outline:none;width:100%;min-height:50px;padding:12px 14px}.password-wrap{gap:10px;display:flex}.toggle-password-btn{color:var(--primary-dark);cursor:pointer;background:#eef7fa;border:none;border-radius:12px;min-width:86px;padding:0 14px}.form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;padding:12px 14px;font-size:.92rem}.auth-helper{color:var(--muted);justify-content:space-between;gap:10px;margin-top:14px;font-size:.9rem;display:flex}.dashboard-top-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px;display:grid}.stat-card{flex-direction:column;gap:10px;padding:20px;display:flex}.stat-card span{color:var(--muted)}.stat-card strong{color:var(--primary-dark);font-size:1.7rem}.simple-form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.dashboard-textarea{resize:vertical;min-height:120px;margin-top:14px}.upload-dropzone{text-align:center;cursor:pointer;background:#fbfdff;border:2px dashed #c9dbe1;border-radius:20px;padding:28px 18px;transition:all .2s;display:block}.upload-dropzone:hover{border-color:var(--primary);background:#f4fdff}.upload-dropzone-content{flex-direction:column;gap:8px;display:flex}.upload-dropzone-content span,.upload-hint{color:var(--muted)}.upload-hint{margin-top:14px;line-height:1.9}.table-wrap{width:100%;overflow-x:auto}.app-table{border-collapse:collapse;width:100%;min-width:820px}.app-table th,.app-table td{text-align:right;white-space:nowrap;border-bottom:1px solid #edf1f6;padding:14px 12px}.app-table th{color:var(--muted);background:#fbfcfe;font-weight:700}.table-actions{flex-wrap:wrap;gap:8px;display:flex}.table-btn{cursor:pointer;border:none;border-radius:10px;padding:8px 12px;font-weight:700}.table-btn.success{color:#166534;background:#dcfce7}.table-btn.danger{color:#991b1b;background:#fee2e2}.table-btn.neutral{color:#3730a3;background:#eef2ff}.empty-state{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:24px;padding:40px 24px}.empty-state h2{margin-top:0}.empty-state p{color:var(--muted);margin-bottom:0}@media (width<=992px){.hero-card,.invoice-grid,.dashboard-layout,.dashboard-top-grid{grid-template-columns:1fr}.header-inner{grid-template-columns:1fr;justify-items:center;padding-block:14px}.header-side,.header-side-end{justify-content:center}.header-user-box{flex-direction:column}}@media (width<=640px){.container{width:min(100% - 20px,1120px)}.panel-card,.hero-card,.auth-card{border-radius:20px;padding:16px}.simple-form-grid{grid-template-columns:1fr}.info-row{flex-direction:column;align-items:flex-start}.info-row-value-wrap{justify-content:flex-start}.price-box strong{font-size:1.25rem}.auth-helper{flex-direction:column;align-items:flex-start}.password-wrap{flex-direction:column}.toggle-password-btn{min-height:46px}}*{box-sizing:border-box}body{color:#1f2937;direction:rtl;background:#f4f7fb;margin:0;font-family:YekanBakh,sans-serif}button,input,select,textarea{font-family:inherit}.dashboard-page,.invoice-public-page{max-width:1200px;margin:0 auto;padding:24px}.page-card,.invoice-public-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;margin-bottom:20px;padding:20px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field-group{flex-direction:column;gap:8px;display:flex}.field-group-full{grid-column:1/-1}.field-group input,.field-group select,.field-group textarea{border:1px solid #d1d5db;border-radius:12px;padding:12px 14px;font-size:14px}.summary-box,.amount-box,.bank-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.summary-total{color:#22abc3;font-weight:700}.primary-btn,.secondary-btn,.danger-btn{cursor:pointer;border:none;border-radius:12px;padding:12px 16px;font-size:14px}.primary-btn{color:#fff;background:#22abc3}.secondary-btn{color:#0f172a;background:#eef6f8}.danger-btn{color:#fff;background:#ef4444}.full-width{width:100%}.invoice-list{flex-direction:column;gap:16px;display:flex}.invoice-item{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px}.invoice-item-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.invoice-item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.invoice-actions,.filter-row,.stats-grid{flex-wrap:wrap;gap:12px;display:flex}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;min-width:150px;padding:14px 16px}.public-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.status-badge{color:#22abc3;background:#eef6f8;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.public-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.bank-row{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.bank-row:last-child{border-bottom:none}@media (width<=768px){.form-grid,.invoice-item-grid,.public-grid{grid-template-columns:1fr}.public-header,.invoice-item-header{flex-direction:column;align-items:flex-start}.dashboard-page,.invoice-public-page{padding:16px}}.import-card code{text-align:left;direction:ltr;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;margin:12px 0;padding:12px;display:block;overflow-x:auto}.import-card input[type=file]{background:#fff;border:1px dashed #94a3b8;border-radius:12px;width:100%;margin-top:12px;padding:12px;display:block}.import-message{color:#047857;background:#ecfdf5;border-radius:10px;margin-top:12px;padding:10px 12px;font-weight:700}.import-errors{color:#b91c1c;margin-top:12px;line-height:1.9}.invoice-public-page{background:radial-gradient(circle at top,#22abc31f,transparent 32%),var(--bg);min-height:100vh;padding:28px 16px 56px}.invoice-sheet,.invoice-public-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;width:min(720px,100%);margin-inline:auto;overflow:hidden;box-shadow:0 18px 45px #0f172a14}.not-found-card{text-align:center;padding:42px}.not-found-card h1{margin:0 0 14px;font-size:1.5rem}.not-found-card p{color:var(--muted);margin:0}.invoice-hero{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:28px 24px 24px}.invoice-brand{justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;display:flex}.invoice-brand h1,.invoice-brand p{margin:0}.invoice-brand h1{font-size:1.35rem;font-weight:900}.invoice-brand p{opacity:.86;margin-top:4px;font-size:.88rem}.invoice-logo{background:#ffffff38;border:1px solid #ffffff52;border-radius:16px;order:2;place-items:center;width:54px;height:54px;font-weight:900;display:grid}.invoice-hero-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.invoice-hero-grid div{background:#ffffff24;border:1px solid #ffffff2e;border-radius:12px;padding:16px}.invoice-hero-grid span,.invoice-info-card span,.invoice-type-box span,.payment-status span{color:var(--muted);margin-bottom:7px;font-size:.82rem;display:block}.invoice-hero-grid span{color:#ffffffc2}.invoice-hero-grid strong,.invoice-info-card strong,.invoice-type-box strong,.payment-status strong{font-size:1rem;display:block}.invoice-type-box,.payment-status,.invoice-section,.invoice-alert,.invoice-note,.bank-panel,.receipt-panel,.invoice-total-box{margin:18px 24px 0}.invoice-type-box{background:linear-gradient(135deg,#22abc321,#22abc30a);border:1px solid #22abc32e;border-radius:14px;padding:18px}.invoice-type-box span,.payment-status span{color:var(--primary-dark)}.invoice-info-grid{grid-template-columns:1fr 1fr;gap:12px;margin:18px 24px 0;display:grid}.invoice-info-card{border:1px solid var(--border);background:#fbfdff;border-radius:14px;padding:16px}.payment-status{border-radius:14px;padding:16px}.payment-status.is-pending{background:#fff8e6;border:1px solid #fde7a3}.payment-status.is-paid{background:#eafaf2;border:1px solid #bdebd4}.invoice-section h2,.bank-panel h2,.receipt-panel h2{border-right:4px solid var(--primary);margin:0 0 14px;padding-right:10px;font-size:1.05rem}.invoice-table{border:1px solid var(--border);border-radius:14px;overflow:hidden}.invoice-table-head,.invoice-table-row{grid-template-columns:56px 1.1fr 1.8fr 1fr;align-items:center;gap:10px;display:grid}.invoice-table-head{color:var(--primary-dark);background:#22abc314;padding:12px;font-size:.88rem;font-weight:800}.invoice-table-row{border-top:1px solid var(--border);padding:14px 12px}.invoice-table-row p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.7}.invoice-table-row b{color:var(--text);white-space:nowrap}.invoice-total-box{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex;box-shadow:0 14px 30px #22abc338}.invoice-total-box strong{font-size:1.25rem}.invoice-alert{color:#fff;background:linear-gradient(135deg,#ef4444,#d72020);border-radius:14px;padding:16px 18px}.invoice-alert p,.invoice-note p{margin:8px 0 0;line-height:1.9}.invoice-note{background:#fff9e8;border:1px solid #f8dfa4;border-radius:14px;padding:16px 18px}.bank-panel{background:#ecfff6;border:1px solid #c9f4df;border-radius:14px;padding:18px}.bank-copy-row{background:#fff;border:1px solid #d8f3e5;border-radius:12px;grid-template-columns:120px 1fr auto;align-items:center;gap:12px;margin-top:10px;padding:13px;display:grid}.bank-copy-row span{color:var(--muted);font-size:.86rem}.bank-copy-row button{color:var(--primary-dark);cursor:pointer;background:#22abc31f;border:0;border-radius:10px;padding:8px 12px}.receipt-panel{background:#edf7ff;border:1px solid #cfe7ff;border-radius:14px;margin-bottom:24px;padding:18px}.receipt-upload-box{width:100%;min-height:140px;color:var(--text);cursor:pointer;background:#fff;border:2px dashed #22abc36b;border-radius:14px;place-items:center;gap:6px;display:grid}.receipt-upload-box span{color:var(--primary-dark);font-size:2rem}.receipt-upload-box small{color:var(--muted)}.receipt-upload-box:disabled{opacity:.72;cursor:not-allowed}@media (width<=680px){.invoice-hero-grid,.invoice-info-grid,.invoice-table-head,.invoice-table-row,.bank-copy-row{grid-template-columns:1fr}.invoice-table-head span:first-child,.invoice-table-row span:first-child{display:none}.invoice-total-box{flex-direction:column;align-items:flex-start}}.receipt-status{background-color:#f0f9ff;border-radius:.5rem;justify-content:space-between;align-items:center;margin:.5rem 0;padding:.75rem 1rem;display:flex}.receipt-badge{color:#0369a1;font-size:.875rem}.view-receipt-btn{color:#fff;cursor:pointer;background-color:#0284c7;border:none;border-radius:.375rem;padding:.25rem .75rem;font-size:.875rem}.view-receipt-btn:hover{background-color:#0369a1}.approve-reject-buttons{gap:.5rem;display:flex}.approve-btn{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:.5rem;padding:.5rem 1rem;font-weight:500}.approve-btn:hover{background-color:#059669}.reject-btn{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:.5rem;padding:.5rem 1rem;font-weight:500}.reject-btn:hover{background-color:#dc2626}.status-approved{color:#065f46;background-color:#d1fae5;border-radius:.5rem;padding:.5rem 1rem;font-weight:500}.status-rejected{color:#991b1b;background-color:#fee2e2;border-radius:.5rem;padding:.5rem 1rem;font-weight:500}.modal-overlay{z-index:1000;background-color:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:#fff;border-radius:1rem;flex-direction:column;width:800px;max-width:90vw;max-height:90vh;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem;display:flex}.modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:1.5rem}.modal-body{flex:1;justify-content:center;padding:1rem;display:flex;overflow:auto}.receipt-image{object-fit:contain;max-width:100%;max-height:70vh}.receipt-iframe{border:none;width:100%;height:70vh}.logo-image{object-fit:contain;width:100%;height:100%;display:block}.invoice-logo{background-color:#f0f0f0;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.logo-image{object-fit:cover;width:100%;height:100%}.logo-fallback{color:#333;font-size:24px;font-weight:700}.receipt-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.delete-receipt-btn{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:background-color .2s}.delete-receipt-btn:hover:not(:disabled){background-color:#c82333}.delete-receipt-btn:disabled{opacity:.5;cursor:not-allowed}.view-receipt-link{color:#fff;background-color:#007bff;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;display:inline-block}.view-receipt-link:hover{color:#fff;background-color:#0056b3}.receipt-readonly-note{color:#6c757d;background-color:#f8f9fa;border-radius:.5rem;padding:.5rem 1rem;font-size:.75rem}.filter-section{margin-bottom:1.5rem}.filter-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.filter-btn{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:2rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.filter-btn:hover{background:#e9ecef}.filter-btn.active{color:#fff;background:#007bff;border-color:#007bff}.partial-modal{max-width:500px}.invoice-summary{background:#f8f9fa;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.invoice-summary div{margin-bottom:.5rem}.remaining-amount{color:#dc3545;font-weight:700}.settlement-type{gap:1.5rem;margin-bottom:1.5rem;display:flex}.radio-label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.partial-amount-input{margin-bottom:1.5rem}.partial-amount-input label{margin-bottom:.5rem;font-weight:700;display:block}.partial-amount-input input{border:1px solid #dee2e6;border-radius:.5rem;width:100%;padding:.5rem}.partial-amount-input small{color:#6c757d;margin-top:.5rem;display:block}.settlement-buttons{gap:.5rem;display:flex}.status-partial{color:#856404;background:#ffc107;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem}.partial-remaining-alert{background-color:#fff3cd;border:1px solid #ffc107;border-radius:.75rem;margin-bottom:1.5rem;padding:1rem}.partial-remaining-alert strong{color:#856404;font-size:1rem}.partial-remaining-alert p{color:#856404;margin-top:.5rem;font-size:.875rem}.invoice-paid-box{background-color:#d4edda;border:1px solid #28a745;border-radius:.75rem;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;display:flex}.invoice-paid-box span{color:#155724;font-weight:700}.invoice-paid-box strong{color:#155724;font-size:1.125rem}.settle-full-btn{color:#fff;cursor:pointer;background-color:#28a745;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:background-color .2s}.settle-full-btn:hover:not(:disabled){background-color:#218838}.settle-partial-btn{color:#856404;cursor:pointer;background-color:#ffc107;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:background-color .2s}.settle-partial-btn:hover:not(:disabled){background-color:#e0a800}.settlement-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-header{background:var(--primary);color:#fff;z-index:20;height:78px;position:sticky;top:0}.header-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:100%;min-height:78px;display:grid}.brand-logo{background:#ffffff2e;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;padding:8px;display:flex;overflow:hidden}.logo-image-header{object-fit:contain;width:100%;height:100%;display:block}.brand-mark-small{background:#ffffff2e;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;padding:8px;display:flex;overflow:hidden}.logo-image-small{object-fit:contain;width:100%;height:100%;display:block}.brand-wrap{align-items:center;gap:12px;display:flex}.brand-text{flex-direction:column;gap:2px;display:flex}.brand-text strong{font-size:.95rem;line-height:1.3}.brand-text span{opacity:.95;font-size:.82rem;line-height:1.3}.header-center h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.15rem;font-weight:800;overflow:hidden}.header-user-box{align-items:center;gap:12px;display:flex}.header-user-meta{text-align:left;flex-direction:column;display:flex}.header-user-meta strong{font-size:.92rem;line-height:1.3}.header-user-meta span{opacity:.92;font-size:.78rem;line-height:1.3}.header-back-btn,.logout-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff2e;border:none;border-radius:12px;padding:10px 14px;font-size:.9rem}@media (width<=992px){.header-inner{grid-template-columns:1fr;justify-items:center;gap:10px;padding-block:14px}.header-side,.header-side-end{justify-content:center}.header-user-box{flex-direction:column}.app-header{height:auto;min-height:78px}.header-inner{min-height:auto;padding:12px 16px}}@media (width<=640px){.app-header{height:auto;min-height:56px}.header-inner{gap:8px;padding:8px 12px}.brand-logo,.brand-mark-small{border-radius:10px;width:32px;height:32px;padding:5px}.brand-text strong{font-size:.8rem}.brand-text span{font-size:.7rem}.header-center h1{font-size:.95rem}.header-user-meta strong{font-size:.8rem}.header-user-meta span{font-size:.68rem}.header-back-btn,.logout-btn{border-radius:10px;padding:6px 10px;font-size:.8rem}.brand-text span{display:none}.brand-wrap{gap:6px}.header-user-box{gap:8px}}@media (width<=480px){.header-inner{padding:6px 10px}.brand-logo,.brand-mark-small{border-radius:8px;width:28px;height:28px;padding:4px}.brand-text strong{font-size:.75rem}.header-center h1{font-size:.85rem}.header-user-meta strong{font-size:.75rem}.logout-btn{padding:4px 8px;font-size:.7rem}}@media (width<=992px){.header-inner{min-height:auto;padding:12px 16px}.app-header{height:auto;min-height:70px}.header-inner{grid-template-columns:1fr auto 1fr;gap:12px;min-height:auto;padding:10px 16px;display:grid}}@media (width<=640px){.app-header{min-height:56px}.header-inner{gap:8px;padding:6px 12px}.brand-logo,.brand-mark-small{border-radius:10px;width:32px;height:32px;padding:5px}.brand-text strong{font-size:.8rem}.brand-text span{font-size:.7rem}.header-center h1{font-size:.95rem}.header-user-box{gap:8px;flex-direction:row!important}.header-user-meta strong{font-size:.8rem}.header-user-meta span{font-size:.68rem}.header-back-btn,.logout-btn{border-radius:10px;padding:6px 10px;font-size:.8rem}@media (width<=480px){.brand-text span{display:none}.brand-logo,.brand-mark-small{width:28px;height:28px}.brand-text strong{font-size:.75rem}.header-center h1{font-size:.85rem}.header-user-meta span{display:none}.logout-btn{padding:4px 8px;font-size:.7rem}}}@media (width<=992px){.header-inner{grid-template-columns:1fr auto 1fr!important;justify-items:stretch!important;padding-block:10px!important}.header-side{justify-content:flex-start!important}.header-side-end{justify-content:flex-end!important}.header-user-box{flex-direction:row!important}}@media (width<=640px){.header-inner{gap:6px;padding:6px 12px!important}.brand-logo,.brand-mark-small{width:32px!important;height:32px!important}.brand-text strong{font-size:.75rem}.brand-text span{font-size:.65rem}.header-center h1{font-size:.85rem}.header-user-meta strong{font-size:.75rem}.header-user-meta span{font-size:.65rem}.logout-btn{padding:4px 8px;font-size:.7rem}}
