@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-group{margin-bottom:var(--space-lg)}.form-label{display:block;margin-bottom:var(--space-sm)}.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{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.section-title{color:var(--color-text-primary);font-size:14px;letter-spacing:.5px;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{align-items:center;display:flex;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{color:var(--color-text-primary);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;font-weight:700;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;border-radius:var(--radius-md);color:#991b1b;font-size:13px;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-label{color:var(--color-text-primary);font-size:11px;font-weight:600;letter-spacing:.5px}.form-input,.form-select{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: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);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;letter-spacing:.5px;padding:12px var(--space-xl);transition:all .2s ease}.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);grid-template-columns:repeat(4,1fr);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;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:12px;font-weight:600;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.active{background:var(--color-primary);color:#fff}.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;overflow-y:auto}.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-approved{background-color:#dcfce7;color:#166534}.status-dropdown-trigger.status-dropdown-rejected{background-color:#fee2e2;color:#991b1b}.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{align-items:center;display:flex;gap:var(--space-sm);justify-content:flex-start}.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-manage{background:var(--color-text-primary);color:#fff}.btn-action.btn-edit,.btn-action.btn-manage:hover{background:var(--color-primary)}.btn-action.btn-edit{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}.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{color:var(--color-text-primary);font-size:13px;font-weight:600}.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-gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.form-row,.form-row-3{display:grid;gap:var(--space-md);margin-bottom:var(--space-md)}.form-row-3{grid-gap:var(--space-md);grid-template-columns:repeat(3,1fr)}.form-group{display:flex;flex-direction:column;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;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{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:13px;padding:var(--space-sm) var(--space-md);transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.form-group textarea{resize:vertical}.modal-footer,.modal-form .modal-footer{display:flex;gap:var(--space-md);justify-content:flex-end;padding:var(--space-md) var(--space-xl) var(--space-xl)}.btn-cancel{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-family);font-size:12px;font-weight:600;padding:var(--space-sm) var(--space-lg);transition:all .2s ease}.btn-cancel:hover{background:var(--color-border)}.btn-save{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;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-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}.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;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.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}}: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.032fe83d.css.map*/