@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--primary:#a21f24;--primary-hover:#85191c;--primary-light:rgba(162,31,36,0.08);--secondary:#6b7280;--success:#10b981;--success-light:rgba(16,185,129,0.12);--warning:#f59e0b;--warning-light:rgba(245,158,11,0.12);--danger:#ef4444;--danger-light:rgba(239,68,68,0.12);--info:#3b82f6;--info-light:rgba(59,130,246,0.12);--bg-base:#faf6ec;--bg-card:#ffffff;--bg-secondary:#fdfbf7;--bg-tertiary:#f5eedf;--sidebar-bg:#a21f24;--sidebar-text:rgba(255,255,255,0.85);--sidebar-active:#ffffff;--sidebar-border:rgba(255,255,255,0.15);--text-primary:#2d261b;--text-secondary:#5e523f;--text-muted:#8c7e6b;--text-inverse:#ffffff;--border:#e6dfd3;--border-focus:#a21f24;--shadow-sm:0 1px 3px rgba(162,31,36,0.04),0 1px 2px rgba(162,31,36,0.02);--shadow-md:0 4px 16px rgba(162,31,36,0.05),0 2px 6px rgba(162,31,36,0.03);--shadow-lg:0 20px 40px rgba(162,31,36,0.08),0 8px 16px rgba(162,31,36,0.04);--shadow-modal:0 25px 60px rgba(0,0,0,0.2);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--header-h:56px;--bottom-nav-h:64px;--sidebar-w:260px}[data-theme=dark]{--bg-base:#1c1812;--bg-card:#28221a;--bg-secondary:#221d16;--bg-tertiary:#17140f;--text-primary:#f5f0e6;--text-secondary:#c2b8a7;--text-muted:#8c806e;--border:#3d3528;--border-focus:#fbbf24;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 16px rgba(0,0,0,0.4);--shadow-lg:0 20px 40px rgba(0,0,0,0.5);--shadow-modal:0 25px 60px rgba(0,0,0,0.6);--primary:#fbbf24;--primary-hover:#f59e0b;--primary-light:rgba(251,191,36,0.12);--success:#34d399;--success-light:rgba(52,211,153,0.15);--warning:#fbbf24;--warning-light:rgba(251,191,36,0.15);--danger:#f87171;--danger-light:rgba(248,113,113,0.15)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-base);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100dvh;overflow-x:hidden}button{cursor:pointer;font-family:inherit;border:none;outline:none}input,select,textarea{font-family:inherit;font-size:14px}a{color:inherit;text-decoration:none}img{max-width:100%}.app-shell{display:flex;min-height:100dvh}.main-wrapper{flex:1 1;display:flex;flex-direction:column;min-width:0;padding-bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom))}@media (min-width:768px){.main-wrapper{margin-left:var(--sidebar-w);padding-bottom:0}}.page-content{padding:16px;flex:1 1}@media (min-width:768px){.page-content{padding:32px 40px;background-color:#faf6ec;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600' viewBox='0 0 600 600' opacity='0.03'%3E%3Ccircle cx='300' cy='300' r='280' fill='none' stroke='%23a21f24' stroke-width='2'/%3E%3Ccircle cx='300' cy='300' r='250' fill='none' stroke='%23a21f24' stroke-width='1' stroke-dasharray='10 5'/%3E%3Ccircle cx='300' cy='300' r='200' fill='none' stroke='%23a21f24' stroke-width='2'/%3E%3Ccircle cx='300' cy='300' r='150' fill='none' stroke='%23a21f24' stroke-width='1' stroke-dasharray='5 5'/%3E%3Ccircle cx='300' cy='300' r='100' fill='none' stroke='%23a21f24' stroke-width='2'/%3E%3Cpolygon points='300,230 320,280 370,280 330,310 350,360 300,330 250,360 270,310 230,280 280,280' fill='%23a21f24'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center 40%;background-size:500px}}.top-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:12px;padding:0 16px;height:var(--header-h);background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}@media (min-width:768px){.top-header{display:none!important}}.header-title h1{font-size:17px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.header-time{font-size:11px;color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:none}@media (min-width:500px){.header-time{display:block}}.header-avatar{width:34px;height:34px;border-radius:50%;background:var(--primary);color:white;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hamburger-btn{display:flex;flex-direction:column;gap:5px;padding:8px;background:transparent;border-radius:var(--radius-sm);transition:background .2s}.hamburger-btn:hover{background:var(--bg-secondary)}.hamburger-btn span{display:block;width:20px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s}@media (min-width:768px){.hamburger-btn{display:none}}.sidebar{position:fixed;inset-block:0;left:0;width:var(--sidebar-w);z-index:300;background:var(--sidebar-bg);display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.sidebar.open{transform:translateX(0)}@media (min-width:768px){.sidebar{transform:translateX(0);position:fixed}}.sidebar-header{display:flex;align-items:center;gap:12px;padding:20px 16px 16px;border-bottom:1px solid var(--sidebar-border)}.admin-avatar-wrap{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-avatar-letter{font-size:18px;font-weight:800;color:white;font-family:inherit}.admin-info{flex:1 1;min-width:0}.admin-name{display:block;font-size:14px;font-weight:700;color:white}.admin-role{display:block;font-size:11px;color:rgba(255,255,255,.55);margin-top:1px}.sidebar-close-btn{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.1);color:white;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .2s}.sidebar-close-btn:hover{background:rgba(255,255,255,.2)}@media (min-width:768px){.sidebar-close-btn{display:none}}.sidebar-nav{flex:1 1;padding:12px 10px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius-md);color:var(--sidebar-text);font-size:14px;font-weight:500;transition:all .2s;width:100%;text-align:left;background:transparent;position:relative}.nav-item:hover{background:rgba(255,255,255,.08);color:white}.nav-item.active{background:rgba(255,255,255,.15);color:white}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:white;border-radius:0 3px 3px 0}.nav-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-icon svg{width:18px;height:18px}.nav-label{flex:1 1}.nav-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.25);color:white;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.nav-badge.pending-badge{background:var(--warning);color:#000}.sidebar-footer{padding:12px 10px;border-top:1px solid var(--sidebar-border)}.theme-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border-radius:var(--radius-md);color:var(--sidebar-text);font-size:13px;background:transparent;transition:background .2s}.theme-toggle:hover{background:rgba(255,255,255,.08)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.visible{display:block}@media (min-width:768px){.sidebar-overlay{display:none!important}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:150;height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg-card);border-top:1px solid var(--border);display:flex;align-items:stretch;box-shadow:0 -4px 20px rgba(0,0,0,.08)}.bottom-nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:8px 4px;background:transparent;color:var(--text-muted);transition:color .2s;position:relative;border:none;cursor:pointer;font-family:inherit}.bottom-nav-item,.bottom-nav-label{font-size:12px;font-weight:600}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item.active:before{content:"";position:absolute;top:0;left:15%;right:15%;height:2px;background:var(--primary);border-radius:0 0 3px 3px}.bottom-nav-badge{position:absolute;top:4px;right:14%;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--danger);color:white;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}@media (min-width:768px){.bottom-nav{display:none}}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow:hidden;margin-bottom:16px}.card-header{justify-content:space-between;flex-wrap:wrap;gap:10px;padding:16px;border-bottom:1px solid var(--border)}.card-header,.card-title-row{display:flex;align-items:center}.card-title-row{gap:8px}.card-title{font-size:15px;font-weight:700;color:var(--text-primary)}.card-body{padding:16px}.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}@media (min-width:640px){.stats-row{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:16px;display:flex;align-items:center;gap:14px;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.stat-dot-green{background:var(--success);box-shadow:0 0 0 4px var(--success-light);animation:pulse-dot 2s infinite}.stat-dot-blue{background:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.stat-dot-yellow{background:var(--warning);box-shadow:0 0 0 4px var(--warning-light)}.stat-dot-teal{background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.15)}.stat-value{display:block;font-size:24px;font-weight:800;line-height:1}.stat-label{display:block;font-size:11px;color:var(--text-secondary);margin-top:3px;font-weight:500}.stat-online .stat-value{color:var(--success)}.stat-pending .stat-value{color:var(--warning)}.stat-approved .stat-value{color:var(--primary)}.stat-total .stat-value{color:var(--text-primary)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{padding:10px 12px;text-align:left;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-secondary);white-space:nowrap}.data-table td{padding:12px;border-top:1px solid var(--border);color:var(--text-primary);vertical-align:middle}.data-table tr:hover td{background:var(--bg-secondary)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.status-online{background:var(--success-light);color:var(--success)}.status-pending{background:var(--warning-light);color:var(--warning)}.status-approved{background:var(--success-light);color:var(--success)}.status-rejected{background:var(--danger-light);color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;transition:all .2s;min-height:36px;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px rgba(79,70,229,.3)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-tertiary)}.btn-success{background:var(--success);color:white}.btn-success:hover{opacity:.88}.btn-danger{background:var(--danger);color:white}.btn-danger:hover{opacity:.88}.btn-danger-outline{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-danger-outline:hover{background:var(--danger-light)}.btn-sm{padding:6px 12px;min-height:30px}.btn-full{width:100%}.btn-icon{width:32px;height:32px;padding:0;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border);font-size:14px}.action-btns{gap:6px}.action-btns,.online-indicator{display:flex;align-items:center}.online-indicator{gap:10px}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px var(--success-light);animation:pulse-dot 2s infinite;flex-shrink:0}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px var(--success-light)}50%{box-shadow:0 0 0 6px rgba(16,185,129,.05)}}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse-dot 2s infinite;flex-shrink:0}.online-count-badge{padding:3px 10px;border-radius:999px;background:var(--success-light);color:var(--success);font-size:11px;font-weight:600}.mini-progress{display:flex;align-items:center;gap:8px}.mini-progress-bar{flex:1 1;min-width:60px;height:6px;background:var(--bg-tertiary);border-radius:999px;overflow:hidden}.mini-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),#818cf8);transition:width .4s ease}.mini-progress-text{font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .2s}.search-box:focus-within{border-color:var(--border-focus)}.search-box svg{color:var(--text-muted);flex-shrink:0}.search-box input{border:none;background:transparent;outline:none;width:140px;color:var(--text-primary)}.approval-list{display:flex;flex-direction:column;gap:0}.approval-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--border);transition:background .15s}.approval-card:last-child{border-bottom:none}.approval-card:hover{background:var(--bg-secondary)}.approval-avatar{width:44px;height:44px;border-radius:50%;background:var(--primary);color:white;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.approval-info{flex:1 1;min-width:0}.approval-name{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approval-meta{font-size:11px;color:var(--text-secondary);margin-top:2px}.approval-actions{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap}.filter-tabs{display:flex;gap:4px;flex-wrap:wrap}.filter-tab{padding:5px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);transition:all .2s}.filter-tab.active{background:var(--primary);color:white;border-color:var(--primary)}.filter-tab:hover:not(.active){background:var(--bg-tertiary)}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;transition:border-color .2s,box-shadow .2s;outline:none;appearance:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-light)}.form-group textarea{resize:vertical;min-height:80px}.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236b7280'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:18px;padding-right:36px}.toggle-group{display:flex;align-items:center;justify-content:space-between}.toggle-group label:first-child{margin-bottom:0;text-transform:none;font-size:14px;font-weight:500;color:var(--text-primary)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;border-radius:999px;background:var(--bg-tertiary);transition:background .25s;cursor:pointer}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:white;transition:transform .25s;box-shadow:0 1px 4px rgba(0,0,0,.2)}.toggle-switch input:checked+.toggle-slider{background:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.range-row{display:flex;align-items:center;gap:12px}.range-row input[type=range]{flex:1 1;appearance:none;height:6px;border-radius:3px;background:var(--bg-tertiary);padding:0;border:none;box-shadow:none}.range-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 6px rgba(79,70,229,.3)}.range-value{font-size:14px;font-weight:700;color:var(--primary);min-width:36px}.two-col{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:900px){.two-col{grid-template-columns:1fr 1fr}}.modal-overlay{display:none;position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:flex-end;justify-content:center;padding:0}@media (min-width:640px){.modal-overlay{align-items:center;padding:24px}}.modal,.modal-overlay.open{display:flex}.modal{background:var(--bg-card);width:100%;max-height:95dvh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-modal);animation:modal-slide-up .3s cubic-bezier(.4,0,.2,1)}@media (min-width:640px){.modal{border-radius:var(--radius-xl);max-width:520px;max-height:90vh;animation:modal-fade-in .25s ease}.modal-large{max-width:700px}}@keyframes modal-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes modal-fade-in{0%{transform:scale(.95) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.modal-header h3{font-size:16px;font-weight:700}.modal-subtitle{font-size:12px;color:var(--text-secondary);margin-top:2px}.modal-close{width:32px;height:32px;border-radius:50%;background:var(--bg-secondary);color:var(--text-secondary);font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s}.modal-close:hover{background:var(--bg-tertiary)}.modal-body{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px}.modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;flex-shrink:0}.action-tabs{display:flex;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;margin-bottom:16px;scrollbar-width:none}.action-tabs::-webkit-scrollbar{display:none}.action-tab{padding:7px 14px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);white-space:nowrap;transition:all .2s}.action-tab.active{background:var(--primary);color:white;border-color:var(--primary)}.action-panel{display:none}.action-panel.active{display:block}.current-progress-display{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.progress-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.progress-percent-big{font-size:32px;font-weight:800;color:var(--primary)}.progress-bar-wrapper{margin-bottom:16px}.progress-bar-track{height:10px;background:var(--bg-tertiary);border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),#818cf8);transition:width .4s ease}.progress-steps{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.prog-step{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 0;transition:color .2s}.step-dot{width:10px;height:10px;border:2px solid var(--border);background:var(--bg-secondary);transition:all .2s;flex-shrink:0}.prog-step.active-step .step-dot{background:var(--primary);border-color:var(--primary)}.prog-step.active-step .step-lbl{font-weight:600;color:var(--primary)}.step-lbl{font-size:13px;color:var(--text-secondary)}.action-btn-row{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.action-btn-row .btn{flex:1 1;min-width:100px}.notif-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.notif-type-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border-radius:var(--radius-sm);background:var(--bg-secondary);border:2px solid var(--border);font-size:11px;font-weight:600;color:var(--text-secondary);transition:all .2s}.notif-type-btn.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.notif-type-btn span:first-child{font-size:20px}.qr-preview-wrapper{text-align:center;padding:16px;background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:14px}.qr-preview-label{font-size:11px;color:var(--text-muted);margin-bottom:12px}.qr-info-display{margin-top:10px;font-size:12px;color:var(--text-secondary);line-height:1.7}.cccd-scanner-info{text-align:center;padding:16px 0}.cccd-icon-big{font-size:40px;margin-bottom:8px}.cccd-scanner-info h4{font-size:16px;font-weight:700;margin-bottom:6px}.cccd-scanner-info p{font-size:13px;color:var(--text-secondary)}.cccd-status-display{background:var(--bg-secondary);border-radius:var(--radius-md);padding:14px;margin-top:14px}.cccd-status-row{display:flex;align-items:center;justify-content:space-between;font-size:13px}.cccd-status-badge{padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600}.cccd-status-badge.active{background:var(--success-light);color:var(--success)}.cccd-status-badge.inactive{background:var(--bg-tertiary);color:var(--text-muted)}.cccd-result{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.cccd-result label{font-size:11px;font-weight:600;color:var(--text-secondary);display:block;margin-bottom:6px}.cccd-result-code{font-family:monospace;font-size:16px;font-weight:700;color:var(--primary);background:var(--primary-light);padding:10px 14px;border-radius:var(--radius-sm);margin-bottom:10px;letter-spacing:2px}.identity-preview{background:var(--primary-light);border:1px solid var(--primary);border-radius:var(--radius-md);padding:14px;margin-bottom:14px;text-align:center}.identity-preview label{font-size:11px;color:var(--primary);display:block;margin-bottom:8px}.identity-code-display{font-size:20px;font-weight:800;color:var(--primary);font-family:monospace;letter-spacing:3px}.notif-item{gap:12px;padding:12px 0}.notif-item-icon{font-size:18px;flex-shrink:0;margin-top:2px}.notif-item-meta{margin-top:4px}.user-detail-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width:500px){.user-detail-grid{grid-template-columns:1fr 1fr}}.user-detail-field label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.user-detail-field input{width:100%;padding:9px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;color:var(--text-primary);outline:none;transition:border-color .2s}.user-detail-field input:focus{border-color:var(--border-focus)}.user-detail-field.full-width{grid-column:1/-1}.toast-container{position:fixed;bottom:calc(var(--bottom-nav-h) + 12px + env(safe-area-inset-bottom));right:16px;left:16px;z-index:1000;display:flex;flex-direction:column;gap:8px;pointer-events:none}@media (min-width:768px){.toast-container{bottom:24px;left:auto;width:360px}}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-lg);border-left:4px solid var(--primary);pointer-events:all;animation:toast-in .3s ease;font-size:13px}.toast.success{border-color:var(--success)}.toast.error{border-color:var(--danger)}.toast.warning{border-color:var(--warning)}@keyframes toast-in{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes toast-out{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.toast.removing{animation:toast-out .3s ease forwards}.toast-icon{font-size:18px;flex-shrink:0}.toast-body{flex:1 1;min-width:0}.toast-title{font-weight:700;color:var(--text-primary)}.toast-msg{font-size:12px;color:var(--text-secondary);margin-top:1px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;color:var(--text-muted);font-size:14px}.empty-state span{font-size:32px}.pagination-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 16px;border-top:1px solid var(--border)}.pagination-info{font-size:13px;color:var(--text-secondary)}.pagination-controls{display:flex;align-items:center;gap:10px}.pagination-page{font-size:13px;font-weight:600;color:var(--text-primary);min-width:90px;text-align:center}.pagination-controls .btn:disabled{opacity:.5;cursor:not-allowed}.section-header{margin-bottom:16px}.section-header h2{font-size:20px;font-weight:800;color:var(--text-primary)}.section-header p{font-size:13px;color:var(--text-secondary);margin-top:4px}.form-body{padding:16px}.settings-section{background:var(--bg-secondary);border-radius:var(--radius-md);padding:14px;margin-bottom:12px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes spin{to{transform:rotate(1turn)}}.spinner-sm{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner-large{display:inline-block;width:48px;height:48px;border:3px solid var(--bg-tertiary);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.btn.loading .spinner-sm{border-top-color:white}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:#1a1a1a;padding:24px 16px;position:relative;overflow:hidden}.login-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.login-dots-pattern{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(251,191,36,.5) 2px,transparent 0),radial-gradient(circle,rgba(251,191,36,.3) 1.5px,transparent 0);background-size:80px 80px,60px 60px;background-position:0 0,30px 30px;animation:float-dots 20s linear infinite}@keyframes float-dots{0%{transform:translateY(0)}to{transform:translateY(-80px)}}.login-card{position:relative;z-index:1;width:100%;max-width:400px;background:rgba(255,255,255,.06);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:36px 32px;box-shadow:0 32px 64px rgba(0,0,0,.4)}.login-logo{text-align:center;margin-bottom:28px}.login-logo-icon{font-size:48px;margin-bottom:12px}.login-title{font-size:24px;font-weight:800;color:white;margin-bottom:6px}.login-subtitle{font-size:13px;color:rgba(255,255,255,.55)}.login-form .form-group label{color:rgba(255,255,255,.7)}.login-form .form-group input{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:white;padding-left:40px}.login-form .form-group input::placeholder{color:rgba(255,255,255,.35)}.login-form .form-group input:focus{border-color:rgba(255,255,255,.4);box-shadow:0 0 0 3px rgba(255,255,255,.1)}.input-icon-wrap{position:relative}.input-icon{left:12px;pointer-events:none;z-index:1}.input-icon,.pwd-toggle{position:absolute;top:50%;transform:translateY(-50%);font-size:16px}.pwd-toggle{right:10px;background:transparent;border:none;cursor:pointer;padding:4px;line-height:1}.login-btn{margin-top:8px;padding:13px;font-size:15px;font-weight:700;border-radius:var(--radius-md);background:linear-gradient(135deg,#818cf8,#6366f1);color:white;border:none;gap:8px;transition:all .2s}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px rgba(99,102,241,.4)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-hint{text-align:center;margin-top:20px;font-size:12px;color:rgba(255,255,255,.4)}.login-hint code{background:rgba(255,255,255,.1);border-radius:4px;padding:1px 6px;font-family:monospace;color:rgba(255,255,255,.7)}.oa-modal{max-width:440px;width:calc(100vw - 32px);border-radius:16px;overflow:hidden;padding:0}.oa-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border)}.oa-title{font-size:15px;font-weight:700;color:var(--text-primary)}.oa-title span{color:var(--primary)}.oa-close{width:30px;height:30px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border);font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background .2s;cursor:pointer}.oa-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.oa-body{padding:16px 20px;display:flex;flex-direction:column;gap:12px;max-height:80vh;overflow-y:auto}.oa-body>*{flex-shrink:0}.oa-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:12px;background:var(--bg-secondary);border:1.5px solid var(--border);transition:all .2s}.oa-toggle-row.oa-toggle-on{border-color:var(--primary);background:var(--primary-light)}.oa-toggle-info{flex:1 1}.oa-toggle-label{font-size:14px;font-weight:600;color:var(--text-primary)}.oa-toggle-status{font-size:12px;color:var(--text-muted);margin-top:2px}.oa-toggle-row.oa-toggle-on .oa-toggle-status{color:var(--primary)}.oa-field{display:flex;flex-direction:column;gap:6px}.oa-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.oa-input{width:100%;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.oa-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-light)}.oa-qr-preview{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:white;border-radius:12px;border:2px solid var(--primary);box-shadow:0 4px 20px rgba(99,102,241,.15)}.oa-qr-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);background:var(--primary-light);padding:3px 10px;border-radius:999px}.oa-qr-info{font-size:12px;color:#555;text-align:center;line-height:1.8}.oa-qr-info strong{color:#111}.oa-qr-empty{text-align:center;padding:14px;border-radius:10px;background:var(--bg-secondary);border:1px dashed var(--border);font-size:13px;color:var(--text-muted)}.oa-qr-empty span{color:var(--primary);font-weight:600;cursor:pointer}.oa-qr-id-card{border-radius:14px;overflow:hidden;border:2px solid #d32f2f;background:white;box-shadow:0 4px 24px rgba(211,47,47,.18)}.oa-qr-id-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#d32f2f,#b71c1c);color:white}.oa-qr-id-logo{flex-shrink:0;display:flex;align-items:center}.oa-qr-id-title-block{flex:1 1;text-align:center}.oa-qr-id-title{font-size:11px;font-weight:800;letter-spacing:.08em;color:white;line-height:1.3}.oa-qr-id-sub{font-size:8.5px;letter-spacing:.05em;color:rgba(255,255,255,.75);margin-top:1px}.oa-qr-id-emblem{flex-shrink:0}.oa-qr-id-star{font-size:20px;color:#ffd700;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.3)}.oa-qr-id-body{display:flex;justify-content:center;padding:16px;background:#f0f4fa}.oa-qr-id-frame{position:relative;padding:10px;background:white;border-radius:10px;box-shadow:0 2px 12px rgba(211,47,47,.12)}.oa-qr-corner{position:absolute;width:18px;height:18px;border-color:#d32f2f;border-style:solid;border-radius:2px}.oa-qr-tl{top:0;left:0;border-width:3px 0 0 3px}.oa-qr-tr{top:0;right:0;border-width:3px 3px 0 0}.oa-qr-bl{bottom:0;left:0;border-width:0 0 3px 3px}.oa-qr-br{bottom:0;right:0;border-width:0 3px 3px 0}.oa-qr-id-info{padding:8px 14px;background:white;border-top:1px solid #e0eaf5}.oa-qr-id-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;border-bottom:1px solid #f0f4fa}.oa-qr-id-row:last-child{border-bottom:none}.oa-qr-id-lbl{color:#666;font-weight:500}.oa-qr-id-val{color:#111;font-weight:700;font-size:12px}.oa-qr-id-amount .oa-qr-id-val{color:#d32f2f;font-size:13px}.oa-qr-id-footer{padding:6px;background:linear-gradient(135deg,#d32f2f,#b71c1c);text-align:center;font-size:8.5px;font-weight:700;letter-spacing:.05em;color:rgba(255,255,255,.8)}svg[viewBox] image[href*=Logo_VNEID],svg[viewBox] image[href*=vneid],svg[width="160"] image,svg[width="180"] image,svg[width="190"] image,svg[width="200"] image{border-radius:50%}.notif-item{display:flex;gap:8px;padding:10px 0;border-bottom:1px solid var(--border);align-items:flex-start}.notif-item:last-child{border-bottom:none}.notif-item-editing{background:var(--bg-secondary);padding:10px;border-radius:8px}.notif-item-body{flex:1 1;min-width:0}.notif-type-badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:999px;background:var(--primary-light);color:var(--primary);margin-bottom:4px}.notif-item-type-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:3px}.notif-item-title{font-size:13px;font-weight:600;color:var(--text-primary)}.notif-item-msg{font-size:12px;color:var(--text-secondary);margin-top:2px;line-height:1.5}.notif-item-meta,.notif-item-time{font-size:11px;color:var(--text-muted)}.notif-item-time{margin-top:4px}.notif-item-controls{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.notif-ctrl-btn{font-size:11px;font-weight:600;padding:3px 8px;border-radius:5px;cursor:pointer;border:1px solid;background:transparent;font-family:inherit;transition:all .15s}.notif-ctrl-edit{border-color:var(--primary);color:var(--primary)}.notif-ctrl-edit:hover{background:var(--primary-light)}.notif-ctrl-del{border-color:#ef4444;color:#ef4444}.notif-ctrl-del:hover{background:#fef2f2}.notif-edit-form{width:100%;display:flex;flex-direction:column;gap:8px}.notif-edit-input{border-radius:7px;border:1.5px solid var(--primary);font-size:13px}.notif-edit-input,.notif-edit-textarea{width:100%;padding:7px 10px;font-family:inherit;outline:none;box-sizing:border-box}.notif-edit-textarea{border-radius:7px;border:1.5px solid var(--border);font-size:12px;resize:vertical}.notif-edit-textarea:focus{border-color:var(--primary)}.notif-edit-actions{display:flex;gap:6px;justify-content:flex-end}.btn-sm{padding:5px 14px;font-size:12px;border-radius:6px}.oa-btn-outline{width:100%;padding:12px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:transparent;color:var(--text-primary);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s;text-align:center}.oa-btn-outline:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary);color:var(--primary)}.oa-btn-outline:disabled{opacity:.5;cursor:not-allowed}.oa-btn-green{width:100%;padding:12px;border-radius:var(--radius-sm);border:none;background:#16a34a;color:white;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.oa-btn-green:hover:not(:disabled){background:#15803d}.oa-btn-green:disabled{opacity:.6;cursor:not-allowed}.oa-footer{display:flex;gap:8px;padding:14px 20px;border-top:1px solid var(--border);background:var(--bg-secondary)}.oa-btn-cancel{flex:1 1;padding:10px;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.oa-btn-cancel:hover{background:var(--border)}.oa-btn-generate{flex:1 1;padding:10px;border-radius:var(--radius-sm);background:transparent;color:var(--primary);border:1.5px solid var(--primary);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.oa-btn-generate:hover:not(:disabled){background:var(--primary-light)}.oa-btn-generate:disabled{opacity:.5;cursor:not-allowed}.oa-btn-save{flex:1 1;padding:10px;border-radius:var(--radius-sm);background:var(--primary);color:white;border:none;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.oa-btn-save:hover:not(:disabled){background:var(--primary-hover)}.oa-btn-save:disabled{opacity:.6;cursor:not-allowed}.user-app-container{max-width:450px;margin:0 auto;min-height:100vh;background:#f8fafc;display:flex;flex-direction:column;box-shadow:0 0 30px rgba(0,0,0,.1);font-family:Inter,sans-serif;position:relative;overflow:hidden}.tax-mobile-header{height:56px;background:linear-gradient(135deg,#a80000,#d32f2f);box-shadow:0 2px 8px rgba(0,0,0,.15)}.tax-back-btn,.tax-home-btn,.tax-menu-btn,.tax-notif-bell-btn{background:transparent;border:none;color:white;font-size:20px;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.tax-back-btn:hover,.tax-home-btn:hover{background:rgba(255,255,255,.1)}.tax-logout-btn-header{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);color:white;font-size:11px;font-weight:700;padding:5px 10px;border-radius:6px;cursor:pointer;transition:all .2s}.tax-logout-btn-header:hover{background:rgba(255,255,255,.25)}.tax-emblem-wrap{display:flex;align-items:center;gap:12px;margin:0 auto}.tax-emblem-gold{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle,#ffe082 0,#ffb300 100%);border:2px solid #ffd54f;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.2)}.tax-star{color:#d32f2f;font-size:16px;font-weight:700}.tax-logo-text{font-size:16px;font-weight:800;letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.2)}.tax-emblem-wrap-small{display:flex;align-items:center;gap:8px}.tax-emblem-gold-small{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle,#ffe082 0,#ffb300 100%);border:1.5px solid #ffd54f;display:flex;align-items:center;justify-content:center}.tax-star-small{color:#d32f2f;font-size:12px;font-weight:700}.tax-logo-text-small{font-size:13px;font-weight:800;letter-spacing:.05em}.tax-home-header{height:56px;background:#a80000;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:white;z-index:10;flex-shrink:0}.tax-header-logo{display:flex;align-items:center;gap:8px}.tax-logo-emblem-gold{width:28px;height:28px;border-radius:50%;background:#ffb300 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="none" stroke="red" stroke-width="1.5"/><polygon points="12,5 14,10 19,10 15,13 17,18 12,15 7,18 9,13 5,10 10,10" fill="red"/></svg>') no-repeat 50%;background-size:contain;border:1.5px solid #ffd54f}.tax-header-logo span{font-size:15px;font-weight:800;letter-spacing:.05em}.tax-mobile-body{padding:24px 16px;justify-content:center}.tax-mobile-body,.tax-mobile-body-scroll{flex:1 1;display:flex;flex-direction:column;overflow-y:auto}.tax-mobile-body-scroll{padding:10px;gap:6px}.tax-mobile-body-flex{flex:1 1;padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto}.tax-login-card{background:white;border-radius:16px;padding:24px 20px;box-shadow:0 4px 20px rgba(0,0,0,.06);border:1px solid #e2e8f0}.tax-form-title{font-size:18px;font-weight:800;color:#990000;text-align:center;margin-bottom:6px}.tax-form-subtitle{font-size:12px;color:#64748b;text-align:center;line-height:1.4;margin-bottom:20px}.tax-form{gap:16px}.tax-form,.tax-form-group{display:flex;flex-direction:column}.tax-form-group{gap:6px}.tax-form-group label{font-size:12px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.02em}.tax-form-group input,.tax-form-group select{width:100%;padding:11px 14px;border:1.5px solid #e57373;border-radius:10px;font-size:14px;outline:none;background:#fff;transition:all .2s;color:#1e293b}.tax-form-group input:focus,.tax-form-group select:focus{border-color:#d32f2f;background:white;box-shadow:0 0 0 3px rgba(211,47,47,.1)}.reg-form input[type=email],.reg-form input[type=password],.reg-form input[type=tel],.reg-form input[type=text]{border:1.5px solid #e57373!important;border-radius:8px!important}.reg-form input:focus{border-color:#d32f2f!important;box-shadow:0 0 0 3px rgba(211,47,47,.12)!important}.tax-radio-group{display:flex;gap:20px;padding:8px 0}.tax-radio-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#1e293b;cursor:pointer}.tax-radio-label input{width:18px;height:18px;accent-color:#d32f2f;cursor:pointer}.tax-btn-submit{background:linear-gradient(135deg,#a80000,#d32f2f);color:white;border:none;padding:13px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px rgba(168,0,0,.25);transition:all .2s;letter-spacing:.05em}.tax-btn-submit:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(168,0,0,.35)}.tax-btn-submit:active{transform:translateY(1px)}.tax-login-footer{text-align:center;margin-top:20px;font-size:13px;color:#64748b}.tax-link-btn{background:transparent;border:none;color:#d32f2f;font-weight:700;cursor:pointer;padding:0 4px;font-size:inherit;text-decoration:underline}.tax-alert-error{background:#fef2f2;border:1px solid #fca5a5;color:#b91c1c;border-radius:8px}.tax-alert-error,.tax-alert-success{padding:10px 14px;font-size:13px;font-weight:500;margin-bottom:16px;line-height:1.4}.tax-alert-success{background:#f0fdf4;border:1px solid #86efac;color:#15803d;border-radius:8px}.tax-user-profile-card{background:radial-gradient(circle,rgba(255,215,0,.15) 0,rgba(168,0,0,.85) 100%),#a80000;color:white;border-radius:10px;padding:14px 12px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 16px rgba(168,0,0,.2);border:1.5px solid rgba(255,215,0,.25);position:relative;overflow:hidden}.tax-user-profile-card:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:url(/hinh_trong_dong.jpg) 50%/cover no-repeat;opacity:.45;z-index:0;pointer-events:none}.tax-user-avatar{width:50px;height:50px;border-radius:50%;background:white;color:#cbd5e1;align-items:center;justify-content:center;font-size:24px;box-shadow:0 2px 6px rgba(0,0,0,.15)}.tax-user-avatar,.tax-user-card-info{display:flex;position:relative;z-index:1}.tax-user-card-info{flex-direction:column;gap:3px;min-width:0}.tax-user-card-name{font-size:15px;font-weight:800;color:#fff275;text-transform:uppercase}.tax-user-card-mst{font-size:12px;font-weight:500;color:rgba(255,255,255,.9)}.tax-user-card-company{font-size:11px;color:rgba(255,255,255,.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tax-dashboard-section{display:flex;flex-direction:column;gap:12px}.tax-section-title{font-size:14px;font-weight:700;color:#1e293b;position:relative;padding-left:8px}.tax-section-title:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:3px;background:#a80000;border-radius:99px}.tax-quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tax-action-card-btn{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .2s;outline:none}.tax-action-card-btn:hover{border-color:#ffb300;background:#fffdf5;transform:translateY(-1px)}.tax-action-icon{width:38px;height:38px;border-radius:10px;color:white;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 2px 6px rgba(0,0,0,.06)}.tax-action-icon.edit,.tax-action-icon.ident,.tax-action-icon.link,.tax-action-icon.search{background:linear-gradient(135deg,#e53935,#b71c1c)}.tax-action-card-btn span{font-size:10.5px;font-weight:700;color:#334155;text-align:center;line-height:1.3}.tax-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#fbfbfd url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" opacity="0.03"><circle cx="100" cy="100" r="80" fill="none" stroke="red" stroke-width="2"/><line x1="100" y1="20" x2="100" y2="180" stroke="red"/><line x1="20" y1="100" x2="180" y2="100" stroke="red"/></svg>') no-repeat 50%;background-size:260px;padding:16px 12px;border-radius:16px;border:1px solid #e2e8f0}.tax-service-card-btn{background:white;border:1px solid #f1f5f9;border-radius:12px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.02);outline:none}.tax-service-card-btn:hover{transform:scale(1.02);border-color:#cbd5e1;box-shadow:0 4px 10px rgba(0,0,0,.04)}.tax-service-icon{width:32px;height:32px;border-radius:50%;background:#fff5f5;display:flex;align-items:center;justify-content:center;font-size:16px;border:1px solid #ffebeb}.tax-service-card-btn span{font-size:10.5px;font-weight:500;color:#475569;text-align:center;line-height:1.3}.tax-form-card{position:relative;background:white;border-radius:16px;padding:20px 16px;border:1px solid #e2e8f0;box-shadow:0 2px 10px rgba(0,0,0,.03);overflow:hidden}.tax-form-card:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-image:url(/hinh_trong_dong.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:.45;z-index:0;pointer-events:none}.tax-form-header-title{position:relative;z-index:1;font-size:15px;font-weight:800;color:#990000;text-align:center;margin-bottom:20px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1.5px solid #f1f5f9;padding-bottom:12px}.tax-form-scrollable{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px}.tax-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.tax-warning-modal{background:white;border-radius:16px;padding:24px 20px;width:100%;max-width:320px;box-shadow:0 10px 25px rgba(0,0,0,.2);border:2px solid #a80000;animation:modalPop .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.tax-warning-message{font-size:14px;font-weight:600;color:#1e293b;text-align:center;line-height:1.6;margin-bottom:20px}.tax-warning-btn{background:#a80000;color:white;border:none;width:100%;padding:11px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s}.tax-warning-btn:hover{background:#d32f2f}.tax-progress-card{background:white;border-radius:20px;padding:30px 20px;width:100%;box-shadow:0 4px 24px rgba(0,0,0,.06);border:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center}.tax-progress-circle-wrap{width:110px;height:110px;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.tax-progress-circle-spinner{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;border:5px solid #f1f5f9;border-top-color:#d32f2f;animation:taxSpin 1.5s linear infinite}@keyframes taxSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tax-progress-percent{font-size:24px;font-weight:800;color:#1e293b}.tax-progress-title{font-size:15px;font-weight:800;color:#990000;margin-bottom:8px;text-align:center}.tax-progress-text{font-size:12px;color:#64748b;text-align:center;line-height:1.5;margin-bottom:24px}.tax-progress-bar-container{width:100%;height:8px;background:#f1f5f9;border-radius:99px;overflow:hidden;margin-bottom:24px}.tax-progress-bar-fill{height:100%;background:linear-gradient(90deg,#a80000,#d32f2f);border-radius:99px;transition:width .4s ease-out}.tax-progress-steps{width:100%;display:flex;flex-direction:column;gap:12px;align-self:flex-start}.tax-progress-step{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:500;color:#94a3b8}.tax-progress-step.done{color:#1e293b;font-weight:600}.step-dot{width:20px;height:20px;border-radius:50%;background:#f1f5f9;color:#cbd5e1;display:flex;align-items:center;justify-content:center;font-size:11px}.tax-progress-step.done .step-dot{background:#d32f2f;color:white}.tax-notif-toast-overlay{position:absolute;bottom:20px;left:16px;right:16px;z-index:110;animation:toastSlideIn .4s cubic-bezier(.68,-.55,.265,1.55)}.tax-notif-toast-overlay.hiding{animation:toastSlideOut .3s ease-in forwards}@keyframes toastSlideIn{0%{transform:translateY(100px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes toastSlideOut{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(100px) scale(.9);opacity:0}}.tax-notif-toast{background:linear-gradient(135deg,#ffffff,#fafafa);border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.2);border:none;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tax-notif-toast-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#d32f2f,#b71c1c);border-bottom:none}.tax-notif-toast-header h4{font-size:14px;gap:8px}.tax-notif-toast-header button,.tax-notif-toast-header h4{font-weight:700;color:white;display:flex;align-items:center}.tax-notif-toast-header button{background:rgba(255,255,255,.2);border:none;width:28px;height:28px;border-radius:50%;justify-content:center;font-size:18px;cursor:pointer;transition:all .2s ease}.tax-notif-toast-header button:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.tax-notif-toast-body{padding:16px}.tax-notif-toast-body strong{font-size:15px;color:#1e293b;display:block;margin-bottom:6px;font-weight:600}.tax-notif-toast-body p{font-size:13px;color:#64748b;line-height:1.6}.tax-qr-guide{margin-top:16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:12px}.tax-qr-guide p{font-size:12px;color:#0369a1;line-height:1.5;margin:0}.tax-mobile-header{height:72px!important;background:#b71c1c!important;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:white;z-index:10;flex-shrink:0;border-bottom:2px solid #d4af37!important}.tax-header-logo-stacked{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.tax-logo-emblem-gold-stacked{width:32px;height:32px;border-radius:50%;background:#ffd700 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="%23b71c1c" stroke="%23ffd700" stroke-width="1"/><polygon points="12,6 13.8,10.2 18.2,10.5 14.8,13.3 15.8,17.7 12,15.2 8.2,17.7 9.2,13.3 5.8,10.5 10.2,10.2" fill="%23ffd700"/></svg>') no-repeat 50%;background-size:26px 26px;border:1px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.15)}.tax-logo-text-stacked{font-size:10px;font-weight:800;letter-spacing:.05em;color:#fff;text-transform:uppercase}.tax-user-profile-card{background:white url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" opacity="0.05"><circle cx="100" cy="100" r="80" fill="none" stroke="%23b71c1c" stroke-width="2"/><circle cx="100" cy="100" r="50" fill="none" stroke="%23b71c1c" stroke-width="1"/><line x1="100" y1="20" x2="100" y2="180" stroke="%23b71c1c"/><line x1="20" y1="100" x2="180" y2="100" stroke="%23b71c1c"/></svg>') no-repeat 100%!important;background-size:160px!important;border:1.5px solid #d4af37!important;border-radius:12px!important;padding:16px!important;gap:16px!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;color:#1e293b!important}.tax-user-avatar,.tax-user-profile-card{display:flex!important;align-items:center!important}.tax-user-avatar{width:55px!important;height:55px!important;border-radius:50%!important;border:2px solid #b71c1c!important;background:#f8fafc!important;justify-content:center!important;font-size:28px;color:#334155;flex-shrink:0}.tax-user-card-name{color:#b71c1c!important;font-size:15px!important;font-weight:800!important;text-transform:uppercase!important;margin-bottom:2px;letter-spacing:.02em}.tax-user-card-company,.tax-user-card-mst{color:#334155!important;font-size:12px!important;font-weight:600!important}.tax-user-card-company strong,.tax-user-card-mst strong{color:#0f172a!important}.tax-dashboard-card{background:white url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300" opacity="0.035"><circle cx="150" cy="150" r="140" fill="none" stroke="%23b71c1c" stroke-width="2.5"/><circle cx="150" cy="150" r="100" fill="none" stroke="%23b71c1c" stroke-width="1.5"/><line x1="150" y1="10" x2="150" y2="290" stroke="%23b71c1c" stroke-width="1"/><line x1="10" y1="150" x2="290" y2="150" stroke="%23b71c1c" stroke-width="1"/></svg>') no-repeat 50%;background-size:260px;border:1.5px solid #d4af37;border-radius:10px;padding:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;flex-direction:column;gap:8px}.tax-dashboard-card .tax-section-title{margin-bottom:4px}.user-app-container{background:#111113 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" opacity="0.05"><circle cx="30" cy="30" r="1.5" fill="%23d4af37"/></svg>')!important;box-shadow:0 0 30px rgba(0,0,0,.5)!important}.tax-icon-svg{display:block}.tax-notif-panel{animation:slideInRight .3s ease-out}.tax-notif-panel>div:nth-child(2)::-webkit-scrollbar{width:6px}.tax-notif-panel>div:nth-child(2)::-webkit-scrollbar-track{background:var(--bg-secondary)}.tax-notif-panel>div:nth-child(2)::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.tax-notif-panel>div:nth-child(2)::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}