@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-page{align-items:center;background:linear-gradient(135deg,#1a6da1,#2188c9 50%,#5ba4d4);display:flex;justify-content:center;min-height:100vh;padding:var(--space-md)}.login-card{background:var(--color-surface);border:10px solid #e8f4fb;border-radius:48px;box-shadow:0 25px 50px -12px #00000026,0 10px 20px -5px #0000001a;max-width:400px;padding:var(--space-2xl) var(--space-xl);text-align:center;width:100%}.login-logo{margin-bottom:var(--space-lg)}.login-logo,.logo-icon{display:flex;justify-content:center}.logo-icon{align-items:center;background:var(--color-primary);border-radius:var(--radius-lg);box-shadow:0 12px 24px -4px #2188c999,0 6px 12px -2px #2188c966;color:#fff;height:64px;width:64px}.login-title,.logo-icon{font-size:28px;font-weight:700}.login-title{color:var(--color-text-primary);letter-spacing:2px;margin-bottom:var(--space-xs)}.login-subtitle{color:var(--color-primary);font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:var(--space-xl)}.login-form{text-align:left}.form-input{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:14px;padding:14px var(--space-md);transition:all .2s ease;width:100%}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2188c91a;outline:none}.form-input:disabled{cursor:not-allowed;opacity:.7}.error-message{background:#fee2e2;border-radius:var(--radius-md);color:#991b1b;font-size:13px;margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);text-align:center}.login-button{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-family);font-size:13px;font-weight:600;letter-spacing:1px;padding:14px var(--space-lg);transition:all .2s ease;width:100%}.login-button:hover:not(:disabled){background:var(--color-primary-dark)}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-footer-text{color:var(--color-text-muted);font-size:10px;font-weight:500;letter-spacing:1px;margin-top:var(--space-xl)}@media (max-width:480px){.login-card{padding:var(--space-xl) var(--space-lg)}.login-title,.logo-icon{font-size:24px}.logo-icon{height:56px;width:56px}}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:240px;z-index:100}.sidebar-header{border-bottom:1px solid var(--color-border);padding:var(--space-lg)}.sidebar-logo{align-items:center;display:flex;gap:var(--space-sm)}.sidebar-logo .logo-icon{align-items:center;background:var(--color-primary);border-radius:var(--radius-md);color:#fff;display:flex;font-size:16px;font-weight:700;height:36px;justify-content:center;width:36px}.sidebar-logo .logo-text{color:var(--color-text-primary);font-size:16px;font-weight:700;letter-spacing:1px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:var(--space-md) 0}.nav-item{align-items:center;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:11px;font-weight:600;gap:var(--space-sm);letter-spacing:.5px;margin:var(--space-xs) var(--space-sm);min-height:44px;padding:var(--space-md) var(--space-lg);text-decoration:none;transition:all .2s ease}.nav-item:hover{background:var(--color-primary-light);color:var(--color-primary)}.nav-item.active{background:var(--color-primary-bg);color:var(--color-primary)}.nav-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.nav-label{flex:1 1}.sidebar-footer{padding:var(--space-md) var(--space-sm)}.user-profile-container{position:relative}.user-profile{align-items:center;background:var(--color-primary-bg);border:2px solid #e8f4fb;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:all .2s ease}.user-profile:hover{border-color:var(--color-primary)}.user-avatar{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.user-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.user-name{color:var(--color-text-primary);font-size:13px;font-weight:600}.user-role{color:var(--color-primary);font-size:10px;font-weight:500;letter-spacing:.5px}.profile-chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform .2s ease}.user-profile:hover .profile-chevron{color:var(--color-primary)}.profile-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);bottom:100%;box-shadow:var(--shadow-lg);left:0;margin-bottom:var(--space-xs);overflow:hidden;position:absolute;right:0;z-index:200}.profile-menu-item{align-items:center;background:#0000;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:var(--space-sm);letter-spacing:.5px;min-height:44px;padding:var(--space-md) var(--space-md);transition:all .15s ease;width:100%}.profile-menu-item:hover{background:var(--color-background);color:var(--color-text-primary)}.profile-menu-item.logout-item:hover{background:#fee2e2;color:#dc2626}.profile-menu-item svg{height:16px;width:16px}@media (max-width:768px){.sidebar{border-bottom:1px solid var(--color-border);border-right:none;height:auto;position:relative;width:100%}.sidebar-nav{display:flex;flex-wrap:wrap;padding:var(--space-sm)}.nav-item{flex:1 1;justify-content:center;margin:var(--space-xs);min-width:120px}.nav-item.active{border-bottom:3px solid var(--color-primary);border-left:none;margin-left:var(--space-xs)}.sidebar-footer{display:none}}.dashboard-layout{background:var(--color-primary-bg);display:flex;min-height:100vh}.dashboard-main{flex:1 1;margin-left:240px;padding:var(--space-lg)}.dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.header-left{display:flex;flex-direction:column}.page-title{color:var(--color-text-primary);font-size:24px;font-weight:700;letter-spacing:1px;margin:0}.page-subtitle{color:var(--color-primary);font-size:11px;font-weight:500;letter-spacing:.5px;margin:var(--space-xs) 0 0 0}.header-right{align-items:center;gap:var(--space-md)}.logout-btn{align-items:center;background:#0000;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);cursor:pointer;display:flex;font-family:var(--font-family);font-size:11px;font-weight:600;gap:var(--space-sm);letter-spacing:.5px;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.logout-btn:hover{background:var(--color-error);color:#fff}.logout-btn svg{stroke:currentColor}.dashboard-content{display:flex;flex-direction:column;gap:var(--space-lg)}.stats-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(4,1fr)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg)}.stat-icon{align-items:center;border-radius:var(--radius-md);display:flex;height:40px;justify-content:center;width:40px}.stat-card.stat-primary .stat-icon,.stat-icon{background:var(--color-primary-light);color:var(--color-primary)}.stat-card.stat-success .stat-icon{background:#dcfce7;color:var(--color-success)}.stat-card.stat-warning .stat-icon{background:#fef3c7;color:var(--color-warning)}.stat-card.stat-error .stat-icon{background:#fee2e2;color:var(--color-error)}.stat-info{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-label{color:var(--color-text-secondary);font-size:10px;font-weight:600;letter-spacing:.5px}.stat-value{color:var(--color-text-primary);font-size:28px;font-weight:700}.stat-indicator{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:auto}.indicator-bar{background:var(--color-border);border-radius:var(--radius-full);height:4px;overflow:hidden;position:relative}.stat-card.stat-primary .indicator-bar:after{background:var(--color-primary);border-radius:var(--radius-full);content:"";height:100%;left:0;position:absolute;top:0;width:30%}.stat-card.stat-success .indicator-bar:after{background:var(--color-success);border-radius:var(--radius-full);content:"";height:100%;left:0;position:absolute;top:0;width:60%}.stat-card.stat-warning .indicator-bar:after{background:var(--color-warning);border-radius:var(--radius-full);content:"";height:100%;left:0;position:absolute;top:0;width:45%}.stat-card.stat-error .indicator-bar:after{background:var(--color-error);border-radius:var(--radius-full);content:"";height:100%;left:0;position:absolute;top:0;width:15%}.indicator-text{color:var(--color-text-muted);font-size:9px;font-weight:500;letter-spacing:.5px}.dashboard-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg)}.section-header{margin-bottom:var(--space-md)}.section-title{margin:0}.empty-state{padding:var(--space-3xl) var(--space-lg)}.empty-state p{margin:0}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-main{margin-left:0;margin-top:200px}.stats-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;gap:var(--space-md)}.header-right{width:100%}.logout-btn{justify-content:center;width:100%}}.agencies-table-section{border-radius:32px;padding:0}.agencies-table-section .table-container{margin:0}.agencies-table-section .table-footer{padding:var(--space-md) var(--space-lg)}.agencies-table-section .empty-state,.agencies-table-section .loading-state{padding:var(--space-3xl)}.stats-grid-5{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(5,1fr);margin-bottom:var(--space-lg)}.search-box{background:var(--color-background)}.search-box input{font-size:12px;width:200px}.agency-info{gap:var(--space-sm)}.agency-avatar{background:var(--color-primary-bg);border-radius:var(--radius-sm);color:var(--color-primary);font-size:10px;height:28px;min-width:28px;width:28px}.agency-details{display:flex;flex-direction:column;gap:2px}.agency-name{font-size:13px;font-weight:600}.agency-code{font-size:10px;font-weight:500;letter-spacing:.3px}.contact-info{display:flex;flex-direction:column;gap:2px}.contact-email{color:var(--color-text-primary);font-size:12px}.contact-phone{color:var(--color-text-muted);font-size:11px}.location-text{color:var(--color-text-secondary);font-size:12px}.status-time{color:var(--color-text-muted);font-size:9px;font-weight:500;letter-spacing:.3px}.btn-view-agency{background:var(--color-text-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-family);font-size:10px;font-weight:600;letter-spacing:.5px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.btn-view-agency:hover{background:var(--color-primary)}.table-footer{align-items:center;display:flex;justify-content:space-between;margin-top:var(--space-md);padding:var(--space-md) 0}.pagination-info{color:var(--color-text-muted);font-size:11px}.pagination-controls{display:flex;gap:var(--space-xs)}.pagination-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family);font-size:11px;font-weight:500;padding:6px 12px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1400px){.stats-grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.stats-grid-5{grid-template-columns:repeat(2,1fr)}.section-header{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.search-box,.search-box input{width:100%}}@media (max-width:768px){.stats-grid-5{grid-template-columns:1fr}.table-footer{gap:var(--space-md)}.actions-cell,.table-footer{flex-direction:column}}.activation-modal .modal-header{border-bottom:1px solid var(--color-border);padding:var(--space-xl) var(--space-xl) var(--space-lg);text-align:center}.modal-icon{align-items:center;border-radius:50%;display:flex;height:56px;justify-content:center;margin:0 auto var(--space-md);width:56px}.modal-icon.success{background:#dcfce7;color:#166534}.modal-title{margin:0 0 var(--space-xs)}.modal-subtitle{color:var(--color-text-muted);font-size:14px;margin:0}.activation-code-section{margin-bottom:var(--space-lg)}.code-label{color:var(--color-text-muted);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:var(--space-sm);text-transform:uppercase}.code-display{align-items:center;background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);display:flex;overflow:hidden}.code-value{color:var(--color-text-primary);flex:1 1;font-family:SF Mono,Monaco,Consolas,monospace;font-size:20px;font-weight:700;letter-spacing:2px}.btn-copy,.code-value{padding:var(--space-md) var(--space-lg)}.btn-copy{align-items:center;background:var(--color-primary-bg);border:none;border-left:2px solid var(--color-border);color:var(--color-primary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:12px;font-weight:600;gap:var(--space-xs);transition:all .2s ease}.btn-copy:hover{background:var(--color-primary);color:#fff}.btn-copy.copied{background:#166534;color:#fff}.code-warning{align-items:flex-start;background:#fef3c7;border-radius:var(--radius-md);display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-md)}.code-warning svg{color:#92400e;flex-shrink:0;margin-top:1px}.code-warning span{color:#92400e;font-size:12px;line-height:1.5}.code-expiry{align-items:center;display:flex;gap:var(--space-sm);justify-content:center}.expiry-label{color:var(--color-text-muted);font-size:12px}.expiry-value{color:var(--color-text-primary);font-size:12px;font-weight:600}.modal-footer{justify-content:center}.btn-modal-close{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family);font-size:12px;font-weight:600;padding:var(--space-sm) var(--space-xl);transition:all .2s ease}.btn-modal-close:hover{background:var(--color-border)}.custom-select{position:relative;width:100%}.select-label{color:var(--color-text-primary);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px}.select-label .required{color:#dc2626;color:var(--color-error,#dc2626);margin-left:2px}.select-trigger{align-items:center;background:#fff;background:var(--color-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;display:flex;justify-content:space-between;min-height:44px;padding:12px var(--space-md);transition:border-color .2s,box-shadow .2s}.select-trigger.open,.select-trigger:hover{border-color:#06f;border-color:var(--color-primary,#06f)}.select-trigger.open{box-shadow:0 0 0 3px #0066ff1a}.custom-select.disabled .select-trigger{background:#f8fafc;background:var(--color-bg-secondary,#f8fafc);cursor:not-allowed;opacity:.6}.custom-select.has-error .select-trigger{border-color:#dc2626;border-color:var(--color-error,#dc2626)}.select-value{color:#1e293b;color:var(--color-text-primary,#1e293b);flex:1 1;font-family:var(--font-family);font-size:13px}.select-arrow,.select-value.placeholder{color:#94a3b8;color:var(--color-text-muted,#94a3b8)}.select-arrow{align-items:center;display:flex;justify-content:center;transition:transform .2s}.select-trigger.open .select-arrow{transform:rotate(180deg)}.select-menu{background:#fff;background:var(--color-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.select-option{color:#1e293b;color:var(--color-text-primary,#1e293b);cursor:pointer;font-family:var(--font-family);font-size:13px;padding:10px var(--space-md);transition:background-color .15s}.select-option:hover{background:#f8fafc;background:var(--color-background,#f8fafc)}.select-option.selected{background:#f5fbff;background:var(--color-primary-bg,#f5fbff);color:#06f;color:var(--color-primary,#06f);font-weight:500}.select-error{color:#dc2626;color:var(--color-error,#dc2626);display:block;font-size:12px;margin-top:4px}.btn-secondary,.header-right{display:flex;gap:var(--space-sm)}.btn-secondary{align-items:center;font-size:11px;padding:var(--space-sm) var(--space-md)}.btn-secondary:hover{background:var(--color-background);border-color:var(--color-text-secondary)}.delete-btn:hover{background:var(--color-error);color:#fff}.profile-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr 320px}.profile-main,.profile-sidebar{display:flex;flex-direction:column;gap:var(--space-lg)}.profile-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-xl)}.profile-header{border-bottom:1px solid var(--color-border);gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg)}.agency-avatar,.profile-header{align-items:center;display:flex}.agency-avatar{background:var(--color-primary);border-radius:var(--radius-lg);color:#fff;font-size:24px;font-weight:700;height:64px;justify-content:center;width:64px}.agency-title h2{color:var(--color-text-primary);font-size:20px;font-weight:700;margin:0 0 4px}.agency-code{color:var(--color-text-muted);font-family:monospace;font-family:var(--font-mono,monospace);font-size:13px}.info-section{margin-bottom:var(--space-xl)}.info-section:last-child{margin-bottom:0}.section-title{color:var(--color-text-muted);font-size:11px;letter-spacing:1px;margin:0 0 var(--space-md) 0}.info-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.info-item{display:flex;flex-direction:column;gap:4px}.info-item.full-width{grid-column:1/-1}.info-label{color:var(--color-text-muted);font-size:11px;font-weight:600;letter-spacing:.5px}.info-value{color:var(--color-text-primary);font-size:14px;line-height:1.5}.status-control{margin-bottom:var(--space-md)}.status-remarks{border-top:1px solid var(--color-border);padding-top:var(--space-md)}.remarks-label{color:var(--color-text-muted);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:var(--space-xs)}.status-remarks p{color:var(--color-text-secondary);font-size:13px;line-height:1.5;margin:0}.timeline{gap:var(--space-md)}.timeline,.timeline-item{display:flex;flex-direction:column}.timeline-item{gap:2px}.timeline-label{color:var(--color-text-muted);font-size:11px;font-weight:600;letter-spacing:.5px}.timeline-value{color:var(--color-text-primary);font-size:13px}.error-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-xxl);text-align:center}.error-state p{color:var(--color-text-muted);margin-bottom:var(--space-lg)}@media (max-width:1024px){.profile-grid{grid-template-columns:1fr}.profile-sidebar{order:-1}}@media (max-width:768px){.info-grid{grid-template-columns:1fr}.header-right{flex-direction:column}}.searchable-dropdown{position:relative;width:100%}.dropdown-label{color:var(--color-text);display:block;font-size:14px;font-weight:500;margin-bottom:6px}.dropdown-label .required{color:#dc2626;color:var(--color-error,#dc2626);margin-left:2px}.dropdown-trigger{align-items:center;background:#fff;background:var(--color-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);box-sizing:border-box;cursor:pointer;display:flex;font-family:var(--font-family);font-size:13px;justify-content:space-between;padding:8px 12px;padding:var(--space-sm,8px) var(--space-md,12px);transition:border-color .2s,box-shadow .2s}.dropdown-trigger.open,.dropdown-trigger:hover{border-color:#06f;border-color:var(--color-primary,#06f)}.dropdown-trigger.open{box-shadow:0 0 0 3px #0066ff1a}.searchable-dropdown.disabled .dropdown-trigger{background:#f8fafc;background:var(--color-bg-secondary,#f8fafc);cursor:not-allowed;opacity:.6}.searchable-dropdown.has-error .dropdown-trigger{border-color:#dc2626;border-color:var(--color-error,#dc2626)}.dropdown-value{color:#1e293b;color:var(--color-text-primary,#1e293b);flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow,.dropdown-value.placeholder{color:#94a3b8;color:var(--color-text-muted,#94a3b8)}.dropdown-arrow{align-items:center;display:flex;justify-content:center;transition:transform .2s}.dropdown-trigger.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{background:#fff;background:var(--color-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);box-shadow:0 4px 12px #0000001a;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.dropdown-search{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);padding:8px}.search-input{border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:6px;border-radius:var(--radius-sm,6px);font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.search-input:focus{border-color:#06f;border-color:var(--color-primary,#06f)}.dropdown-options{max-height:240px;overflow-y:auto}.dropdown-option{color:#1e293b;color:var(--color-text,#1e293b);cursor:pointer;font-size:14px;padding:10px 12px;transition:background-color .15s}.dropdown-option:hover{background:#f8fafc;background:var(--color-bg-secondary,#f8fafc)}.dropdown-option.selected{background:#f5fbff;background:var(--color-primary-bg,#f5fbff);color:#06f;color:var(--color-primary,#06f);font-weight:500}.dropdown-no-results{color:#94a3b8;color:var(--color-text-muted,#94a3b8);font-size:14px;padding:16px 12px}.dropdown-error{color:#dc2626;color:var(--color-error,#dc2626);display:block;font-size:12px;margin-top:4px}.phone-option{align-items:center;display:flex;gap:8px}.phone-option .flag{font-size:16px}.phone-option .code{color:#94a3b8;color:var(--color-text-muted,#94a3b8);font-size:13px}.phone-option.selected-display{align-items:center;display:flex;gap:6px}.phone-option.selected-display .code{color:#1e293b;color:var(--color-text,#1e293b);font-weight:500}.back-btn{align-items:center;background:#0000;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;font-family:var(--font-family);font-size:11px;font-weight:600;gap:var(--space-xs);letter-spacing:.5px;margin-bottom:var(--space-sm);padding:0;transition:color .2s ease}.back-btn:hover{color:var(--color-primary)}.delete-btn{align-items:center;background:#0000;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);cursor:pointer;display:flex;font-family:var(--font-family);font-size:11px;font-weight:600;gap:var(--space-sm);letter-spacing:.5px;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.delete-btn:hover:not(:disabled){background:var(--color-error);color:#fff}.delete-btn:disabled{cursor:not-allowed;opacity:.5}.agency-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-xl)}.form-error{background:#fee2e2;color:#991b1b;margin-bottom:var(--space-lg);padding:var(--space-sm) var(--space-md)}.form-section{margin-bottom:var(--space-xl)}.form-section:last-of-type{margin-bottom:var(--space-lg)}.form-section-title{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:12px;font-weight:700;letter-spacing:1px;margin:0 0 var(--space-md) 0;padding-bottom:var(--space-sm)}.form-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.form-group-full{grid-column:1/-1}.form-input,.form-label,.form-select{color:var(--color-text-primary)}.form-input,.form-select{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:13px;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2188c91a;outline:none}.form-select{cursor:pointer}.form-group-phone .phone-input-group{align-items:flex-start;display:flex;gap:var(--space-sm)}.phone-code-dropdown{flex-shrink:0;width:140px}.phone-number{flex:1 1}.input-error{border-color:var(--color-error)!important}.field-error{color:var(--color-error);font-size:12px;margin-top:4px}.country-option{align-items:center;display:flex;gap:8px}.country-option .flag{font-size:16px}.country-option .country-name{flex:1 1}.phone-code-value{color:var(--color-text-primary);font-size:14px}.form-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-md);justify-content:flex-end;padding-top:var(--space-lg)}.btn-secondary{background:var(--color-surface);letter-spacing:.5px;padding:12px var(--space-xl)}.btn-secondary:hover:not(:disabled){background:var(--color-background);border-color:var(--color-text-secondary)}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.agency-form .btn-primary{font-size:12px;padding:12px var(--space-xl)}.agency-form .btn-primary:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.form-group-full{grid-column:1}.form-actions{flex-direction:column}.form-actions button{width:100%}}.stats-grid-4{grid-gap:var(--space-md);display:grid;gap:var(--space-md);margin-bottom:var(--space-lg)}.stat-card-clickable{cursor:pointer;transition:all .2s ease}.stat-card-clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-active{border:2px solid var(--color-primary)}.tabs-container{margin-bottom:var(--space-lg)}.tabs-nav{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-xs);padding:var(--space-xs)}.tab-btn{align-items:center;color:var(--color-text-secondary);display:flex;font-family:var(--font-family);font-size:12px;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all .2s ease}.tab-btn:hover:not(:disabled){background:var(--color-background);color:var(--color-text-primary)}.tab-btn:disabled{cursor:not-allowed;opacity:.5}.tab-badge{background:#fff3;border-radius:10px;font-size:10px;font-weight:500;max-width:150px;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.selected-config-banner{align-items:center;background:var(--color-primary-bg);border:1px solid #007aff33;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg)}.config-banner-info{align-items:center;display:flex;gap:var(--space-sm)}.config-banner-label{color:var(--color-text-muted);font-size:12px}.config-banner-name{font-size:14px}.btn-change-config,.config-banner-name{color:var(--color-primary);font-weight:600}.btn-change-config{background:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family);font-size:11px;padding:var(--space-xs) var(--space-md);transition:all .2s ease}.btn-change-config:hover{background:var(--color-primary);color:#fff}.visa-table-section{border-radius:32px;padding:0}.visa-table-section .table-container{margin:0}.visa-table-section .empty-state,.visa-table-section .loading-state{padding:var(--space-3xl)}.custom-dropdown-trigger{background:var(--color-background);min-width:120px}.custom-dropdown-trigger.full-width{width:100%}.custom-dropdown-menu-scroll{max-height:280px}.dropdown-search{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-sm);position:-webkit-sticky;position:sticky;top:0;z-index:1}.dropdown-search input{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;outline:none;padding:var(--space-sm) var(--space-md);transition:border-color .15s ease;width:100%}.dropdown-search input:focus{border-color:var(--color-primary)}.dropdown-no-results,.dropdown-search input::placeholder{color:var(--color-text-muted)}.dropdown-no-results{font-size:12px;padding:var(--space-md);text-align:center}.btn-primary{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-family:var(--font-family);font-size:11px;font-weight:600;gap:var(--space-sm);letter-spacing:.5px;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.btn-primary:hover{background:var(--color-primary-dark)}.table-container{overflow-x:auto;width:100%}.data-table{border-collapse:initial;border-spacing:0;min-width:100%;width:100%}.data-table th{background:var(--color-primary-bg);border:none;color:var(--color-primary);font-size:10px;font-weight:600;letter-spacing:.5px;padding:var(--space-sm) var(--space-md);text-align:left;text-transform:uppercase}.data-table th:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.data-table th:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.data-table td{background:#0000;border-bottom:1px solid var(--color-border);padding:var(--space-md);vertical-align:middle}.data-table tbody tr:hover td{background:var(--color-background)}.destination-info{align-items:center;display:flex;gap:var(--space-sm)}.destination-flag{font-size:20px}.destination-details{display:flex;flex-direction:column;gap:2px}.destination-name{color:var(--color-text-primary);font-size:13px;font-weight:600}.destination-category{color:var(--color-text-muted);font-size:10px;font-weight:500;letter-spacing:.3px}.visa-type-info{display:flex;flex-direction:column;gap:2px}.visa-name{color:var(--color-text-primary);font-size:13px;font-weight:600}.visa-code{color:var(--color-text-muted);font-size:10px;font-weight:500;letter-spacing:.3px}.validity-info{display:flex;flex-direction:column;gap:2px}.validity-period{color:var(--color-text-primary);font-size:12px;font-weight:500}.max-stay{color:var(--color-text-muted);font-size:10px}.status-cell{display:flex;flex-direction:column;gap:4px}.status-custom-dropdown{display:inline-block;position:relative}.status-dropdown-trigger{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-family:var(--font-family);font-size:10px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;transition:all .2s ease}.status-dropdown-trigger svg{flex-shrink:0}.status-dropdown-trigger.status-dropdown-pending{background-color:#fef3c7;color:#92400e}.status-dropdown-trigger.status-dropdown-suspended{background-color:#f3e8ff;color:#6b21a8}.status-dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:140px;overflow:hidden;position:fixed;z-index:1000}.status-dropdown-item{background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;font-size:10px;font-weight:600;letter-spacing:.5px;padding:8px 12px;transition:all .15s ease}.status-dropdown-item:hover{background:var(--color-background)}.status-dropdown-item.active{background:var(--color-primary-bg);color:var(--color-primary)}.featured-toggle{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.featured-toggle.featured-active,.featured-toggle:hover{border-color:#f59e0b;color:#f59e0b}.featured-toggle.featured-active{background:#fef3c7}.actions-cell{gap:var(--space-sm);justify-content:flex-start}.btn-action.btn-manage{background:var(--color-text-primary);color:#fff}.btn-action.btn-manage:hover{background:var(--color-primary)}.entries-badge{background:var(--color-background);border-radius:10px;color:var(--color-text-secondary);font-size:9px;font-weight:600;letter-spacing:.5px;padding:3px 8px}.entries-badge.entries-single{background:#fef3c7;color:#92400e}.entries-badge.entries-double{background:#dbeafe;color:#1e40af}.entries-badge.entries-multiple{background:#dcfce7;color:#166534}.nationality-info{align-items:center;display:flex;gap:var(--space-sm)}.nationality-flag{font-size:18px}.nationality-name{color:var(--color-text-primary);font-size:12px;font-weight:500}.nationality-text{color:var(--color-text-secondary);font-size:12px}.processing-badge{background:var(--color-background);border-radius:10px;color:var(--color-text-secondary);font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 10px}.processing-badge.processing-normal{background:#f3f4f6;color:#374151}.processing-badge.processing-express{background:#fef3c7;color:#92400e}.processing-badge.processing-super-express,.processing-badge.processing-urgent{background:#fee2e2;color:#991b1b}.fee-amount{font-size:12px}.fee-amount.fee-total{color:var(--color-primary);font-weight:700}.processing-days{color:var(--color-text-secondary);font-size:12px;font-weight:500}.document-name{font-size:13px}.instructions-text{color:var(--color-text-secondary);font-size:12px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mandatory-badge{border-radius:10px;font-size:9px;font-weight:600;letter-spacing:.5px;padding:3px 8px}.mandatory-badge.required{background:#fee2e2;color:#991b1b}.mandatory-badge.optional{background:#f3f4f6;color:#6b7280}.spinner{margin-bottom:var(--space-md)}.empty-state{text-align:center}.empty-state svg{opacity:.5}.empty-state p{font-size:14px;margin-bottom:var(--space-md)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-md);position:fixed;right:0;top:0;z-index:2000}.modal-content{animation:modalSlideIn .2s ease;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:480px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-form{max-width:600px;width:100%}.modal-form .modal-header{border-bottom:1px solid var(--color-border);padding:var(--space-lg) var(--space-xl)}.modal-title{color:var(--color-text-primary);font-size:18px;font-weight:700;margin:0}.modal-body,.modal-form .modal-body{padding:var(--space-xl)}.form-row{grid-template-columns:repeat(2,1fr)}.form-row,.form-row-3{margin-bottom:var(--space-md)}.form-row-3{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(3,1fr)}.form-group{gap:var(--space-xs)}.form-group.full-width{grid-column:1/-1}.input-with-unit{display:flex;gap:var(--space-xs)}.input-with-unit input{flex:1 1;min-width:0}.unit-dropdown{flex-shrink:0}.unit-dropdown .custom-dropdown-trigger{min-width:80px;padding:var(--space-sm) var(--space-sm)}.unit-dropdown .custom-dropdown-menu{min-width:80px}.form-group label{color:var(--color-text-muted);font-size:11px;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{background:var(--color-background);font-family:var(--font-family);padding:var(--space-sm) var(--space-md);transition:border-color .2s ease}.form-group textarea{resize:vertical}.modal-form .modal-footer{display:flex;justify-content:flex-end}.modal-footer,.modal-form .modal-footer{gap:var(--space-md);padding:var(--space-md) var(--space-xl) var(--space-xl)}.btn-cancel{background:var(--color-background);font-family:var(--font-family);font-size:12px;padding:var(--space-sm) var(--space-lg);transition:all .2s ease}.btn-cancel:hover{background:var(--color-border)}.btn-save{font-family:var(--font-family);font-size:12px;padding:var(--space-sm) var(--space-lg);transition:all .2s ease}.btn-save:hover{background:var(--color-primary-dark)}@media (max-width:1400px){.stats-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.stats-grid-4{grid-template-columns:repeat(2,1fr)}.tabs-nav{flex-wrap:wrap}.form-row,.form-row-3{grid-template-columns:1fr}}@media (max-width:768px){.stats-grid-4{grid-template-columns:1fr}.modal-form{margin:var(--space-md);max-height:90vh;max-width:100%;overflow-y:auto}.actions-cell{flex-direction:column}.selected-config-banner{flex-direction:column;gap:var(--space-md);text-align:center}.config-banner-info{flex-direction:column}}.fee-amount{color:var(--color-text-primary);font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;font-weight:500}.fee-total{color:var(--color-success);font-weight:700}.processing-time{color:var(--color-text-secondary);font-size:12px}.btn-delete{background:#0000;border:1px solid #fca5a5;color:#dc2626}.btn-delete:hover{background:#fee2e2;border-color:#dc2626}.modal-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#991b1b;display:flex;font-size:13px;font-weight:500;gap:8px;margin:0 var(--space-xl);padding:var(--space-sm) var(--space-md)}.modal-error svg{color:#dc2626;flex-shrink:0}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.6}.btn-save:disabled:hover{background:var(--color-primary)}.toast{align-items:center;animation:slideIn .3s ease-out;background:#fff;border-radius:8px;bottom:24px;box-shadow:0 10px 25px #00000026;display:flex;gap:12px;max-width:400px;padding:14px 16px;position:fixed;right:24px;z-index:9999}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-icon{flex-shrink:0;height:20px;width:20px}.toast-icon svg{height:100%;width:100%}.toast-message{color:#374151;flex:1 1;font-size:14px;font-weight:500}.toast-close{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;padding:0;transition:color .2s;width:20px}.toast-close:hover{color:#6b7280}.toast-close svg{height:16px;width:16px}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}@media (max-width:480px){.toast{bottom:16px;left:16px;max-width:none;right:16px}}.confirm-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal{animation:slideUp .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;padding:24px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-modal-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.confirm-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.confirm-icon svg{height:24px;width:24px}.confirm-icon-danger{background:#fee2e2;color:#ef4444}.confirm-icon-warning{background:#fef3c7;color:#f59e0b}.confirm-icon-info{background:#dbeafe;color:#3b82f6}.confirm-modal-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.confirm-modal-message{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 24px;padding-left:52px}.confirm-modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;font-weight:500}.btn-cancel:hover{background:#f9fafb;border-color:#d1d5db}.btn-confirm{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-confirm-danger{background:#ef4444;color:#fff}.btn-confirm-danger:hover{background:#dc2626}.btn-confirm-warning{background:#f59e0b;color:#fff}.btn-confirm-warning:hover{background:#d97706}.btn-confirm-info{background:#3b82f6;color:#fff}.btn-confirm-info:hover{background:#2563eb}@media (max-width:480px){.confirm-modal{padding:20px}.confirm-modal-actions{flex-direction:column-reverse}.btn-cancel,.btn-confirm{width:100%}.confirm-modal-message{padding-left:0}}.countries-toolbar{flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--space-lg)}.countries-toolbar,.toolbar-actions{align-items:center;display:flex;gap:var(--space-md)}.countries-count{color:var(--color-text-muted);font-size:12px}.search-box{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-sm);min-width:280px;padding:var(--space-sm) var(--space-md)}.search-box svg{color:var(--color-text-muted);flex-shrink:0}.search-box input{background:#0000;border:none;color:var(--color-text-primary);font-family:var(--font-family);font-size:13px;width:100%}.search-box input:focus{outline:none}.search-box input::placeholder{color:var(--color-text-muted)}.custom-dropdown{position:relative}.custom-dropdown-trigger{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:12px;font-weight:500;gap:var(--space-sm);justify-content:space-between;min-width:140px;padding:var(--space-sm) var(--space-md)}.custom-dropdown-trigger:hover{border-color:var(--color-primary)}.custom-dropdown-trigger svg{color:var(--color-text-muted)}.custom-dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.custom-dropdown-item{color:var(--color-text-primary);cursor:pointer;font-size:12px;font-weight:500;padding:var(--space-sm) var(--space-md);transition:background .15s ease}.custom-dropdown-item:hover{background:var(--color-background)}.custom-dropdown-item.active{background:var(--color-primary-bg);color:var(--color-primary)}.countries-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.country-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease}.country-card:hover{box-shadow:var(--shadow-md)}.country-card-image{background:var(--color-background);height:140px;overflow:hidden;position:relative;width:100%}.country-card-image img{height:100%;object-fit:cover;width:100%}.country-card-placeholder{align-items:center;background:linear-gradient(135deg,var(--color-primary-bg) 0,#e0e7ff 100%);display:flex;flex-direction:column;gap:var(--space-xs);height:100%;justify-content:center;width:100%}.placeholder-emoji{font-size:32px}.placeholder-text{color:var(--color-text-muted);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.image-badge{background:#22c55e;border-radius:50%;color:#fff;height:24px;right:8px;top:8px;width:24px}.image-badge,.upload-overlay{align-items:center;display:flex;justify-content:center;position:absolute}.upload-overlay{background:#00000080;inset:0}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:24px;width:24px}.country-card-info{padding:var(--space-md)}.country-card-header{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.country-flag{font-size:24px}.country-details{display:flex;flex-direction:column;min-width:0}.country-name{color:var(--color-text-primary);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-code{color:var(--color-text-muted);font-size:11px;font-weight:600;letter-spacing:.5px}.country-card-actions{display:flex;gap:var(--space-sm)}.btn-card{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-family:var(--font-family);font-size:11px;font-weight:600;letter-spacing:.3px;padding:8px 12px;text-transform:uppercase;transition:all .2s ease}.btn-card:disabled{cursor:not-allowed;opacity:.5}.btn-card-primary{background:var(--color-text-primary);color:#fff}.btn-card-primary:hover:not(:disabled){background:var(--color-primary)}.btn-card-danger{background:#0000;border:1px solid #ef4444;color:#ef4444}.btn-card-danger:hover:not(:disabled){background:#ef4444;color:#fff}.loading-state{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);display:flex;flex-direction:column;justify-content:center;padding:var(--space-3xl)}.loading-state span{font-size:13px;margin-top:var(--space-md)}.spinner{animation:spin 1s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}.empty-state{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);display:flex;flex-direction:column;justify-content:center;padding:var(--space-3xl)}.empty-state svg{margin-bottom:var(--space-md)}.empty-state span{font-size:14px}@media (max-width:768px){.countries-toolbar{align-items:stretch;flex-direction:column}.search-box{min-width:100%}.toolbar-actions{justify-content:space-between}.countries-grid{grid-template-columns:1fr}}@media (max-width:480px){.country-card-actions{flex-direction:column}}.stats-grid-3{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-lg)}.updates-table-section{border-radius:32px;padding:0}.updates-table-section .table-container{margin:0}.updates-table-section .table-footer{padding:var(--space-md) var(--space-lg)}.updates-table-section .empty-state,.updates-table-section .loading-state{padding:var(--space-3xl)}.type-cell{gap:var(--space-sm)}.type-cell,.type-icon{align-items:center;display:flex}.type-icon{border-radius:var(--radius-md);flex-shrink:0;height:32px;justify-content:center;width:32px}.type-label{color:var(--color-text-primary);font-size:12px;font-weight:500}.update-title{color:var(--color-text-primary);font-size:13px;font-weight:600}.update-description,.update-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.update-description{color:var(--color-text-secondary);font-size:12px;max-width:300px}.date-text{color:var(--color-text-muted);font-size:12px}.toggle-switch{cursor:pointer;display:inline-block;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--color-border);border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0003;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-success)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.btn-action{border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family);font-size:10px;font-weight:600;letter-spacing:.5px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.btn-action.btn-edit{background:var(--color-primary);color:#fff}.btn-action.btn-edit:hover{background:var(--color-primary-dark)}.btn-action.btn-delete{background:#991b1b;color:#fff}.btn-action.btn-delete:hover{background:#b91c1c}.update-modal{max-width:600px}.update-modal .modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-lg) var(--space-xl)}.update-modal .modal-title{color:var(--color-text-primary);font-size:18px;font-weight:700;margin:0}.modal-close{background:#0000;border-radius:var(--radius-md)}.modal-close:hover{background:var(--color-background)}.update-modal .modal-body{padding:var(--space-xl)}.update-modal .modal-footer{display:flex;gap:var(--space-sm);justify-content:flex-end;padding:var(--space-md) var(--space-xl) var(--space-xl)}.form-group{margin-bottom:var(--space-lg);position:relative}.form-label{color:var(--color-text-muted);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:var(--space-sm);text-transform:uppercase}.form-input,.form-textarea{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text-primary);font-family:var(--font-family);font-size:14px;padding:var(--space-md);transition:all .2s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.form-input.error,.form-textarea.error{border-color:#ef4444}.form-textarea{min-height:100px;resize:vertical}.form-error{display:block;font-size:11px;margin-top:var(--space-xs)}.char-count{color:var(--color-text-muted);font-size:10px;position:absolute;right:0;top:0}.type-selector{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(4,1fr)}.type-option{align-items:center;background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-family);gap:var(--space-xs);padding:var(--space-md);transition:all .2s ease}.type-option svg{color:var(--color-text-muted)}.type-option span{color:var(--color-text-secondary);font-size:10px;font-weight:500}.type-option:hover{background:var(--type-bg);border-color:var(--type-color)}.type-option:hover span,.type-option:hover svg{color:var(--type-color)}.type-option.active{background:var(--type-bg);border-color:var(--type-color)}.type-option.active svg{color:var(--type-color)}.type-option.active span{color:var(--type-color);font-weight:600}.btn-secondary{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family);font-size:12px;font-weight:600;padding:var(--space-sm) var(--space-lg);transition:all .2s ease}.btn-secondary:hover{background:var(--color-border)}@media (max-width:1024px){.stats-grid-3,.type-selector{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.stats-grid-3{grid-template-columns:1fr}.type-selector{grid-template-columns:repeat(2,1fr)}.update-modal{margin:var(--space-md);max-width:100%}}.messages-panel{flex-direction:column;height:100%;overflow:hidden}.messages-header,.messages-panel{background:var(--color-surface);display:flex}.messages-header{align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between;padding:12px 16px}.messages-header-left{align-items:center;color:#25d366;display:flex;gap:8px}.messages-header-title{color:var(--color-text-primary);font-size:14px;font-weight:600}.messages-no-wa{background:#ef44441a;border-radius:var(--radius-full);color:var(--color-error);font-size:11px;font-weight:500;padding:2px 8px}.messages-close-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;padding:4px;transition:background .15s}.messages-close-btn:hover{background:var(--color-background);color:var(--color-text-primary)}.messages-thread{background:var(--color-background);display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:16px}.messages-thread::-webkit-scrollbar{width:4px}.messages-thread::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.messages-empty,.messages-loading{align-items:center;color:var(--color-text-muted);display:flex;flex:1 1;flex-direction:column;font-size:13px;gap:4px;justify-content:center;text-align:center}.messages-empty p{margin:0}.messages-empty-hint{color:var(--color-text-muted);font-size:11px;max-width:220px}.message-bubble{border-radius:var(--radius-lg);font-size:13px;line-height:1.5;max-width:82%;padding:8px 12px;word-break:break-word}.bubble-out{align-self:flex-end;background:var(--color-primary);border-bottom-right-radius:var(--radius-sm);color:#fff}.bubble-in{align-self:flex-start;background:var(--color-surface);border:1px solid var(--color-border);border-bottom-left-radius:var(--radius-sm);color:var(--color-text-primary)}.message-text{margin:0;white-space:pre-wrap}.message-media{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.message-media-img{border-radius:var(--radius-sm);max-height:200px;max-width:100%;object-fit:contain}.message-media-file{font-size:12px;opacity:.85}.message-media-file,.message-meta{align-items:center;display:flex;gap:6px}.message-meta{justify-content:flex-end;margin-top:4px}.message-time{opacity:.6}.message-status,.message-time{font-size:10px}.message-status-read{color:#16a34a}.message-status-delivered,.message-status-sent{color:var(--color-text-muted)}.message-status-sending{opacity:.5}.messages-send-error{background:#ef444414;border-top:1px solid #ef444426;color:var(--color-error);font-size:12px;padding:6px 14px;text-align:center}.messages-compose{align-items:flex-end;background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;gap:8px;padding:12px}.messages-input{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:13px;line-height:1.4;outline:none;padding:8px 12px;resize:none;transition:border-color .15s}.messages-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #2188c91a}.messages-input::placeholder{color:var(--color-text-muted)}.messages-input:disabled{cursor:not-allowed;opacity:.5}.messages-send-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background .15s,opacity .15s;width:36px}.messages-send-btn:hover:not(:disabled){background:var(--color-primary-dark)}.messages-send-btn:disabled{cursor:not-allowed;opacity:.4}.messages-send-spinner{animation:msg-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes msg-spin{to{transform:rotate(1turn)}}.applications-table-section{border-radius:32px;padding:0}.applications-table-section .table-container{margin:0}.applications-table-section .table-footer{padding:var(--space-md) var(--space-lg)}.applications-table-section .empty-state,.applications-table-section .loading-state{padding:var(--space-3xl)}.stat-draft{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.stat-draft .stat-value{color:#374151}.stat-processing{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.stat-processing .stat-value{color:#1e40af}.custom-dropdown-menu-scroll{max-height:240px;overflow-y:auto}.application-info{align-items:center;display:flex;gap:var(--space-sm)}.application-avatar{align-items:center;background:var(--color-primary-bg);border-radius:var(--radius-sm);color:var(--color-primary);display:flex;font-size:10px;font-weight:700;height:28px;justify-content:center;min-width:28px;width:28px}.application-details{display:flex;flex-direction:column;gap:2px}.application-number{color:var(--color-text-primary);font-size:12px;font-weight:600}.application-date{color:var(--color-text-muted);font-size:10px;font-weight:500}.applicant-info{display:flex;flex-direction:column;gap:2px}.applicant-name{color:var(--color-text-primary);font-size:12px;font-weight:600}.applicant-email{color:var(--color-text-muted);font-size:11px}.visa-info{display:flex;flex-direction:column;gap:2px}.visa-country{color:var(--color-text-primary);font-size:12px;font-weight:600}.visa-type{color:var(--color-text-muted);font-size:11px}.amount-info{display:flex;flex-direction:column;gap:4px}.amount-value{color:var(--color-text-primary);font-size:13px;font-weight:700}.payment-status{border-radius:4px;display:inline-block;font-size:9px;font-weight:600;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.payment-status-pending{background:#fef3c7;color:#92400e}.payment-status-completed,.payment-status-paid{background:#dcfce7;color:#166534}.payment-status-failed{background:#fee2e2;color:#991b1b}.status-dropdown-trigger.status-dropdown-draft{background-color:#f3f4f6;color:#374151}.status-dropdown-trigger.status-dropdown-pending_payment{background-color:#fef3c7;color:#92400e}.status-dropdown-trigger.status-dropdown-submitted{background-color:#dbeafe;color:#1e40af}.status-dropdown-trigger.status-dropdown-in_review{background-color:#fef3c7;color:#92400e}.status-dropdown-trigger.status-dropdown-documents_required{background-color:#ffedd5;color:#c2410c}.status-dropdown-trigger.status-dropdown-processing{background-color:#e0e7ff;color:#3730a3}.status-dropdown-trigger.status-dropdown-approved{background-color:#dcfce7;color:#166534}.status-dropdown-trigger.status-dropdown-rejected{background-color:#fee2e2;color:#991b1b}.status-dropdown-trigger.status-dropdown-cancelled{background-color:#f3f4f6;color:#6b7280}.agency-info{align-items:center;display:flex}.agency-name{color:var(--color-text-primary);font-size:12px;font-weight:500}.agency-assign-select{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-family:var(--font-family);font-size:11px;outline:none;padding:4px 8px;transition:all .2s ease}.agency-assign-select.agency-assigned{background:#fff;color:var(--color-text-primary);font-weight:500}.agency-assign-select:hover{border-color:#9ca3af}.agency-assign-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}.btn-view-application{background:var(--color-text-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-family);font-size:10px;font-weight:600;letter-spacing:.5px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.btn-view-application:hover{background:var(--color-primary)}.actions-cell{align-items:center;display:flex;gap:6px}.btn-delete-application{align-items:center;background:none;border:1px solid #e5e7eb;border-radius:var(--radius-md);color:#9ca3af;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s ease;width:30px}.btn-delete-application:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.detail-modal{display:flex;flex-direction:column;max-height:90vh;max-width:680px;overflow:hidden}.detail-modal .modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-lg) var(--space-xl)}.detail-modal .modal-title{color:var(--color-text-primary);font-size:18px;font-weight:700;margin:0}.modal-close{align-items:center;background:var(--color-background);border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close:hover{background:var(--color-border);color:var(--color-text-primary)}.detail-modal .modal-body{flex:1 1;overflow-y:auto;padding:var(--space-xl)}.detail-modal .modal-body.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px}.detail-section{margin-bottom:var(--space-xl)}.detail-section:last-child{margin-bottom:0}.detail-section-title{border-bottom:1px solid var(--color-border);color:var(--color-primary);font-size:11px;font-weight:700;letter-spacing:.5px;margin:0 0 var(--space-md) 0;padding-bottom:var(--space-sm);text-transform:uppercase}.detail-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{color:var(--color-text-muted);font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.detail-value{color:var(--color-text-primary);font-size:13px;font-weight:500}.detail-value-highlight{color:var(--color-primary);font-size:16px;font-weight:700}.detail-status,.history-status{border-radius:12px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.3px;padding:4px 10px}.status-badge-draft{background:#f3f4f6;color:#374151}.status-badge-pending_payment{background:#fef3c7;color:#92400e}.status-badge-submitted{background:#dbeafe;color:#1e40af}.status-badge-in_review{background:#fef3c7;color:#92400e}.status-badge-documents_required{background:#ffedd5;color:#c2410c}.status-badge-processing{background:#e0e7ff;color:#3730a3}.status-badge-approved{background:#dcfce7;color:#166534}.status-badge-rejected{background:#fee2e2;color:#991b1b}.status-badge-cancelled{background:#f3f4f6;color:#6b7280}.detail-payment-status{border-radius:12px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.3px;padding:4px 10px}.payment-pending{background:#fef3c7;color:#92400e}.payment-completed,.payment-paid{background:#dcfce7;color:#166534}.payment-failed{background:#fee2e2;color:#991b1b}.history-timeline{display:flex;flex-direction:column;gap:0}.history-item{display:flex;gap:var(--space-md);padding-bottom:var(--space-md);position:relative}.history-item:last-child{padding-bottom:0}.history-item:not(:last-child):before{background:var(--color-border);bottom:0;content:"";left:6px;position:absolute;top:18px;width:2px}.history-dot{border-radius:50%;flex-shrink:0;height:14px;margin-top:2px;width:14px}.status-dot-draft{background:#9ca3af}.status-dot-pending_payment{background:#f59e0b}.status-dot-submitted{background:#3b82f6}.status-dot-in_review{background:#f59e0b}.status-dot-documents_required{background:#ea580c}.status-dot-processing{background:#6366f1}.status-dot-approved{background:#10b981}.status-dot-rejected{background:#ef4444}.status-dot-cancelled{background:#6b7280}.history-content{flex:1 1}.history-header{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:4px}.history-date{color:var(--color-text-muted);font-size:11px}.history-remarks{color:var(--color-text-secondary);font-size:12px;line-height:1.5;margin:0}.documents-list{display:flex;flex-direction:column;gap:var(--space-sm)}.document-item{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-md);padding:var(--space-sm) var(--space-md);transition:all .2s ease}.document-item:hover{background:var(--color-primary-bg);border-color:var(--color-primary)}.document-icon{align-items:center;background:var(--color-primary-bg);border-radius:var(--radius-sm);color:var(--color-primary);display:flex;height:36px;justify-content:center;min-width:36px;width:36px}.document-info{flex:1 1;min-width:0}.document-name{color:var(--color-text-primary);display:block;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-meta{display:flex;gap:var(--space-xs);margin-top:4px}.document-status{border-radius:4px;font-size:9px;font-weight:600;letter-spacing:.3px;padding:2px 6px}.document-status.extraction-pending{background:#fef3c7;color:#92400e}.document-status.extraction-processing{background:#dbeafe;color:#1e40af}.document-status.extraction-completed{background:#dcfce7;color:#166534}.document-status.extraction-failed{background:#fee2e2;color:#991b1b}.document-status.verification-pending{background:#f3f4f6;color:#6b7280}.document-status.verification-verified{background:#dcfce7;color:#166534}.document-status.verification-rejected{background:#fee2e2;color:#991b1b}.document-view-btn{background:#0000;border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;font-family:var(--font-family);font-size:9px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.document-view-btn:hover{background:var(--color-primary);color:#fff}.document-actions{display:flex;flex-shrink:0;gap:6px}.document-download-btn{border-color:#10b981;border-color:var(--color-success,#10b981);color:#10b981;color:var(--color-success,#10b981)}.document-download-btn:hover{background:#10b981;background:var(--color-success,#10b981);color:#fff}.processed-photo-container{align-items:flex-start;display:flex;gap:var(--space-md)}.processed-photo-img{border:1px solid var(--color-border);border-radius:var(--radius-md);height:auto;object-fit:cover;width:130px}.processed-photo-meta{display:flex;flex-direction:column;gap:4px;gap:var(--space-xs,4px)}.photo-dimensions{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:11px}@media (max-width:1200px){.header-right{flex-wrap:wrap;gap:var(--space-sm)}}@media (max-width:1024px){.detail-grid{grid-template-columns:1fr}}@media (max-width:768px){.detail-modal{margin:var(--space-md);max-height:calc(100vh - 32px)}.detail-modal .modal-body{padding:var(--space-md)}}.btn-chat-application{align-items:center;background:none;border:1px solid #e5e7eb;border-radius:var(--radius-md);color:#25d366;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s ease;width:30px}.btn-chat-application:hover{background:#ecfdf5;border-color:#6ee7b7;color:#059669}.chat-drawer-overlay{background:#0000004d;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.chat-drawer{animation:slideInRight .25s ease-out;background:var(--color-surface);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:100vh;max-width:90vw;width:400px}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media (max-width:480px){.chat-drawer{width:100vw}}.rag-stats-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-lg)}@media (max-width:1200px){.rag-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.rag-stats-grid{grid-template-columns:1fr}}.rag-table-section{border-radius:var(--radius-xl);padding:0}.rag-table-section .table-container{margin:0}.rag-table-section .empty-state,.rag-table-section .loading-state{padding:var(--space-3xl)}.rag-doc-info{gap:var(--space-sm)}.rag-doc-avatar,.rag-doc-info{align-items:center;display:flex}.rag-doc-avatar{background:#fee2e2;border-radius:var(--radius-sm);color:#ef4444;flex-shrink:0;height:32px;justify-content:center;width:32px}.rag-doc-avatar svg{height:16px;width:16px}.rag-doc-details{display:flex;flex-direction:column;gap:2px;min-width:0}.rag-doc-name{color:var(--color-text-primary);font-size:12px;font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rag-doc-pages{color:var(--color-text-muted);font-size:10px;font-weight:500}.rag-category-badge{background:#e0e7ff;border-radius:4px;color:#3730a3;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.rag-country{color:var(--color-text-primary);font-size:12px;font-weight:500}.rag-chunk-count,.rag-file-size{font-feature-settings:"tnum";color:var(--color-text-secondary);font-size:12px;font-variant-numeric:tabular-nums}.rag-status{border-radius:4px;display:inline-block;font-size:9px;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.rag-status-indexed{background:#dcfce7;color:#166534}.rag-status-processing{background:#dbeafe;color:#1e40af}.rag-status-pending{background:#fef3c7;color:#92400e}.rag-status-failed{background:#fee2e2;color:#991b1b}.rag-date{color:var(--color-text-muted);font-size:11px}.rag-actions{align-items:center;display:flex;gap:6px}.btn-action-rag{background:#0000;border:1px solid;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-family);font-size:9px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.btn-action-reindex{border-color:var(--color-primary);color:var(--color-primary)}.btn-action-reindex:hover{background:var(--color-primary);color:#fff}.btn-action-delete{border-color:#ef4444;color:#ef4444}.btn-action-delete:hover{background:#ef4444;color:#fff}.upload-modal{display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden}.upload-modal .modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-lg) var(--space-xl)}.upload-modal .modal-title{color:var(--color-text-primary);font-size:18px;font-weight:700;margin:0}.upload-modal .modal-body{flex:1 1;overflow-y:auto;padding:var(--space-xl)}.upload-modal .modal-footer{border-top:1px solid var(--color-border);display:flex;gap:12px;justify-content:flex-end;padding:var(--space-md) var(--space-xl)}.file-upload-zone{background:var(--color-background);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;margin-bottom:var(--space-lg);padding:var(--space-xl);text-align:center;transition:all .2s ease}.file-upload-zone:hover{background:var(--color-primary-bg);border-color:var(--color-primary)}.file-upload-zone.has-file{background:#f0fdf4;border-color:var(--color-success);border-style:solid}.file-placeholder{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm)}.file-placeholder,.file-placeholder svg,.upload-hint{color:var(--color-text-muted)}.upload-hint{font-size:11px}.file-selected{align-items:center;display:flex;font-size:13px;font-weight:500;gap:var(--space-sm);justify-content:center}.file-selected,.file-selected svg{color:var(--color-success)}.file-selected .file-size-text{color:var(--color-text-muted);font-size:12px;font-weight:400}.upload-form-row{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr;margin-bottom:var(--space-md)}.upload-form-group{display:flex;flex-direction:column;gap:6px}.upload-form-group label{color:var(--color-text-primary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.upload-form-group select{-webkit-appearance:none;appearance:none;background:var(--color-background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family);font-size:13px;padding:10px var(--space-md);padding-right:36px;transition:border-color .2s}.upload-form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2188c91a;outline:none}.upload-error{background:#fee2e2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#991b1b;font-size:13px;margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md)}.btn-upload-cancel{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);color:#374151;cursor:pointer;font-family:var(--font-family);font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-upload-cancel:hover{background:var(--color-background);border-color:#d1d5db}.btn-upload-submit{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-family);font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-upload-submit:hover{background:var(--color-primary-dark)}.btn-upload-submit:disabled{cursor:not-allowed;opacity:.5}.biz-table-section{border-radius:32px;padding:0}.biz-table-section .table-container{margin:0}.biz-table-section .table-footer{padding:var(--space-md) var(--space-lg)}.biz-table-section .empty-state,.biz-table-section .loading-state{padding:var(--space-3xl)}.biz-avatar{background:linear-gradient(135deg,#6c5ce7,#a29bfe)!important}.biz-detail-actions{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.btn-poll-status{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px;transition:background .2s}.btn-poll-status:hover{background:#1570a5;background:var(--color-primary-hover,#1570a5)}.btn-poll-status:disabled{cursor:not-allowed;opacity:.6}.detail-link{color:var(--color-primary);font-size:13px;text-decoration:none;word-break:break-all}.detail-link:hover{text-decoration:underline}.detail-item-full{grid-column:1/-1}.status-dropdown-pending_signature{background:#f59e0b1a!important;border-color:#f59e0b4d!important;color:#d97706!important}.status-dropdown-pending_kyb,.status-dropdown-pending_review{background:#3b82f61a!important;border-color:#3b82f64d!important;color:#2563eb!important}.status-dropdown-waiting_activate{background:#10b9811a!important;border-color:#10b9814d!important;color:#059669!important}.status-dropdown-active{background:#5bd7221a!important;border-color:#5bd7224d!important;color:#16a34a!important}.status-badge-pending_signature{color:#d97706}.status-badge-pending_kyb,.status-badge-pending_review{color:#2563eb}.status-badge-waiting_activate{color:#059669}.status-badge-active{color:#16a34a}.status-dot-pending_signature{background:#f59e0b!important}.status-dot-pending_kyb,.status-dot-pending_review{background:#3b82f6!important}.status-dot-waiting_activate{background:#10b981!important}.status-dot-active{background:#5bd722!important}.stats-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.stats-grid-4{grid-template-columns:repeat(2,1fr)}}.tab-nav{background:var(--color-surface);border-radius:var(--radius-lg);display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);padding:4px;width:-webkit-fit-content;width:fit-content}.tab-btn{background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;padding:10px 24px;transition:all .2s}.tab-btn:hover{color:var(--color-text-primary)}.tab-btn.active{background:var(--color-primary);color:#fff}.section-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-md) var(--space-lg)}.section-header-right{align-items:center;display:flex;gap:var(--space-sm)}.section-title{color:var(--color-text-primary);font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.btn-add{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px;transition:background .2s}.btn-add:hover{background:#1570a5;background:var(--color-primary-hover,#1570a5)}.biz-code-badge{background:#6c5ce71a;color:#6c5ce7;font-family:monospace}.biz-code-badge,.biz-zone-badge{border-radius:var(--radius-sm);display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;padding:2px 8px}.biz-zone-badge{background:#3b82f61a;color:#3b82f6;margin-right:4px}.biz-status-pill{border-radius:var(--radius-full);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px}.biz-status-pill.active{background:#5bd7221a;color:#16a34a}.biz-status-pill.inactive{background:#9ca3af1a;color:#6b7280}.biz-fee-info{display:flex;flex-direction:column;gap:2px}.biz-desc-cell,.biz-fee-info{color:var(--color-text-secondary);font-size:12px}.biz-desc-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-delete-small{background:#0000;border:1px solid #ef4444;border:1px solid var(--color-error,#ef4444);border-radius:var(--radius-sm);color:#ef4444;color:var(--color-error,#ef4444);cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;transition:all .2s}.btn-delete-small:hover{background:#ef4444;background:var(--color-error,#ef4444);color:#fff}.form-row{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-md)}.form-group label{color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:13px;padding:10px 12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.5}.form-toggle,.toggle-label{align-items:center;display:flex}.toggle-label{color:var(--color-text-primary);cursor:pointer;font-size:13px;gap:8px}.toggle-label input[type=checkbox]{accent-color:var(--color-primary);height:16px;width:16px}.form-error{background:#ef44441a;border-radius:var(--radius-md);color:#ef4444;font-size:13px;margin-bottom:var(--space-md);padding:10px 14px}.modal-footer{border-top:1px solid var(--color-border);display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-md);padding-top:var(--space-lg)}.btn-cancel{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-cancel:hover{background:var(--color-surface)}.btn-save{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:background .2s}.btn-save:hover{background:#1570a5;background:var(--color-primary-hover,#1570a5)}.ic-page{max-width:1100px;padding:32px}.ic-title{color:#1a1a2e;font-size:24px;font-weight:700;margin-bottom:24px}.ic-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.ic-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:20px}.ic-stat-value{color:#1a1a2e;font-size:28px;font-weight:700}.ic-stat-label{color:#6b7280;font-size:13px;font-weight:500}.ic-stat-available .ic-stat-value{color:#059669}.ic-stat-claimed .ic-stat-value{color:#2563eb}.ic-stat-expired .ic-stat-value{color:#6b7280}.ic-generate-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px}.ic-generate-title{color:#1a1a2e;font-size:16px;font-weight:600;margin-bottom:16px}.ic-generate-form{align-items:flex-end;display:flex;gap:12px}.ic-form-group{display:flex;flex-direction:column;gap:6px}.ic-form-group label{color:#6b7280;font-size:12px;font-weight:600;text-transform:uppercase}.ic-form-group input{border:1px solid #d1d5db;border-radius:8px;font-family:SF Mono,Fira Code,monospace;font-size:14px;padding:8px 12px;width:140px}.ic-form-group input:focus{border-color:#6c5ce7;outline:none}.ic-generate-btn{background:#6c5ce7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;white-space:nowrap}.ic-generate-btn:hover{background:#5a4bd1}.ic-generate-btn:disabled{cursor:not-allowed;opacity:.6}.ic-generate-hint{color:#9ca3af;font-size:12px;margin-top:10px}.ic-filters{display:flex;gap:12px;margin-bottom:16px}.ic-filter-search,.ic-filter-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:8px 12px}.ic-filter-search{flex:1 1;max-width:300px}.ic-filter-search:focus,.ic-filter-select:focus{border-color:#6c5ce7;outline:none}.ic-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.ic-table{border-collapse:collapse;width:100%}.ic-table thead{background:#f9fafb}.ic-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;padding:12px 16px;text-align:left;text-transform:uppercase}.ic-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:12px 16px}.ic-table tbody tr:hover{background:#f9fafb}.ic-code-cell{font-family:SF Mono,Fira Code,monospace;font-weight:600;letter-spacing:.5px}.ic-date-cell{color:#6b7280;font-size:13px}.ic-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px}.ic-delete-btn{align-items:center;background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;padding:4px}.ic-delete-btn:hover{background:#fef2f2}.ic-table-empty{color:#9ca3af;font-size:14px;padding:40px 16px!important;text-align:center}.ic-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:16px;padding:12px 0}.ic-pagination button{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:13px;padding:6px 16px}.ic-pagination button:disabled{cursor:not-allowed;opacity:.4}.ic-pagination span{color:#6b7280;font-size:13px}.ic-toast{animation:ic-toast-in .3s ease;border-radius:10px;bottom:24px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;position:fixed;right:24px;z-index:1000}.ic-toast-success{background:#059669;color:#fff}.ic-toast-error{background:#ef4444;color:#fff}@keyframes ic-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.ic-stats{grid-template-columns:repeat(2,1fr)}.ic-generate-form{flex-wrap:wrap}.ic-page{padding:16px}}.fb-page{max-width:1100px;padding:32px}.fb-title{color:#1a1a2e;font-size:24px;font-weight:700;margin-bottom:24px}.fb-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.fb-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:20px}.fb-stat-value{color:#1a1a2e;font-size:28px;font-weight:700}.fb-stat-label{color:#6b7280;font-size:13px;font-weight:500}.fb-stat-avg .fb-stat-value{color:#f59e0b}.fb-stat-five .fb-stat-value{color:#059669}.fb-stat-one .fb-stat-value{color:#ef4444}.fb-filters{display:flex;gap:12px;margin-bottom:16px}.fb-filter-search,.fb-filter-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:8px 12px}.fb-filter-search{flex:1 1;max-width:300px}.fb-filter-search:focus,.fb-filter-select:focus{border-color:#6c5ce7;outline:none}.fb-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.fb-table{border-collapse:collapse;width:100%}.fb-table thead{background:#f9fafb}.fb-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;padding:12px 16px;text-align:left;text-transform:uppercase}.fb-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:12px 16px}.fb-table tbody tr:hover{background:#f9fafb}.fb-stars{color:#f59e0b;font-size:14px;letter-spacing:1px}.fb-desc-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-date-cell{color:#6b7280;font-size:13px}.fb-delete-btn{align-items:center;background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;padding:4px}.fb-delete-btn:hover{background:#fef2f2}.fb-table-empty{color:#9ca3af;font-size:14px;padding:40px 16px!important;text-align:center}.fb-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:16px;padding:12px 0}.fb-pagination button{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:13px;padding:6px 16px}.fb-pagination button:disabled{cursor:not-allowed;opacity:.4}.fb-pagination span{color:#6b7280;font-size:13px}.fb-toast{animation:fb-toast-in .3s ease;border-radius:10px;bottom:24px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;position:fixed;right:24px;z-index:1000}.fb-toast-success{background:#059669;color:#fff}.fb-toast-error{background:#ef4444;color:#fff}@keyframes fb-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.fb-stats{grid-template-columns:repeat(2,1fr)}.fb-page{padding:16px}}:root{--color-primary:#2188c9;--color-primary-dark:#1a6da1;--color-primary-light:#e8f4fb;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-primary-bg:#f5fbff;--color-background:#f8fafc;--color-surface:#fff;--color-border:#e2e8f0;--color-text-primary:#1e293b;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family);font-size:14px;line-height:1.6}.loading-screen{align-items:center;background:linear-gradient(135deg,#1a6da1,#2188c9 50%,#5ba4d4);display:flex;justify-content:center;min-height:100vh}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}
/*# sourceMappingURL=main.7d352bb9.css.map*/