@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-app:#f4f7fc;--bg-surface:#fff;--bg-sidebar:#0f172a;--sidebar-text:#94a3b8;--sidebar-active:#3b82f6;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--primary-border:#bfdbfe;--gradient-brand:linear-gradient(160deg, #0b1f45 0%, #12306e 45%, #2854c9 100%);--gradient-brand-soft:linear-gradient(160deg, #101b36 0%, #16233f 100%);--accent-teal:#14b8a6;--accent-teal-light:#ecfdf9;--accent-amber:#f59e0b;--accent-amber-light:#fffaeb;--text-main:#0f172a;--text-muted:#475569;--text-inverse:#fff;--text-inverse-muted:#ffffffb8;--border-color:#e2e8f0;--success:#10b981;--success-light:#ecfdf5;--warning:#f59e0b;--warning-light:#fffbeb;--danger:#ef4444;--danger-light:#fef2f2;--info:#06b6d4;--info-light:#ecfeff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000005;--shadow-xl:0 20px 40px -8px #0f172a2e;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--transition-fast:.15s ease;--transition-normal:.25s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}button,input,select,textarea{font-family:inherit}.auth-container{background-color:var(--bg-app);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);width:100%;max-width:480px;padding:40px}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{color:var(--primary);margin-bottom:8px;font-size:1.75rem;font-weight:700}.auth-header p{color:var(--text-muted);font-size:.95rem}.auth-split{background:var(--bg-app);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100vh;display:grid}@media (width<=900px){.auth-split{grid-template-columns:1fr}.auth-split-hero{display:none}}.auth-split-hero{background:var(--gradient-brand);color:var(--text-inverse);flex-direction:column;justify-content:space-between;padding:56px 56px 40px;display:flex;position:relative;overflow:hidden}.auth-split-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f659,#0000 70%);border-radius:50%;width:480px;height:480px;position:absolute;top:-180px;right:-160px}.auth-split-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#14b8a640,#0000 70%);border-radius:50%;width:360px;height:360px;position:absolute;bottom:-140px;left:-120px}.auth-split-brand{z-index:1;align-items:center;gap:12px;font-size:1.15rem;font-weight:700;display:flex;position:relative}.auth-split-brand-icon{background:#ffffff1f;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.auth-split-headline{z-index:1;margin:40px 0;position:relative}.auth-split-headline h1{max-width:460px;margin-bottom:16px;font-size:2.35rem;font-weight:700;line-height:1.2}.auth-split-headline p{color:var(--text-inverse-muted);max-width:420px;font-size:1rem;line-height:1.6}.auth-feature-list{z-index:1;flex-direction:column;gap:18px;display:flex;position:relative}.auth-feature-item{align-items:flex-start;gap:14px;display:flex}.auth-feature-icon{color:#7dd3fc;background:#ffffff1a;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.auth-feature-item strong{margin-bottom:2px;font-size:.92rem;font-weight:600;display:block}.auth-feature-item span{color:var(--text-inverse-muted);font-size:.82rem}.auth-split-footer{z-index:1;color:#ffffff80;font-size:.78rem;position:relative}.auth-split-form-wrap{justify-content:center;align-items:center;padding:40px 24px;display:flex}.auth-split-card{width:100%;max-width:420px}.auth-split-card-header{margin-bottom:28px}.auth-split-card-header h2{color:var(--text-main);margin-bottom:6px;font-size:1.55rem;font-weight:700}.auth-split-card-header p{color:var(--text-muted);font-size:.9rem}.input-icon-wrap{position:relative}.input-icon-wrap .input-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-icon-wrap .form-control{padding-left:42px}.input-icon-wrap .input-adornment-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.input-icon-wrap .input-adornment-btn:hover{background:var(--primary-light);color:var(--primary)}.divider-with-text{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:12px;margin:22px 0;font-size:.78rem;display:flex}.divider-with-text:before,.divider-with-text:after{content:"";background:var(--border-color);flex:1;height:1px}.option-card-grid{grid-template-columns:1fr;gap:12px;display:grid}.option-card{border-radius:var(--radius-md);border:1.5px solid var(--border-color);background:var(--bg-surface);cursor:pointer;text-align:left;transition:all var(--transition-fast);align-items:flex-start;gap:14px;padding:16px;display:flex}.option-card:hover{border-color:var(--primary-border);background:var(--primary-light)}.option-card.active{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px #2563eb1a}.option-card-icon{width:40px;height:40px;color:var(--text-muted);transition:all var(--transition-fast);background:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.option-card.active .option-card-icon{background:var(--primary);color:#fff}.option-card-title{color:var(--text-main);font-size:.95rem;font-weight:700}.option-card-desc{color:var(--text-muted);margin-top:2px;font-size:.8rem;line-height:1.4}.option-card-radio{border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-left:auto;display:flex}.option-card.active .option-card-radio{border-color:var(--primary)}.option-card.active .option-card-radio:after{content:"";background:var(--primary);border-radius:50%;width:10px;height:10px}.setup-progress{align-items:center;gap:8px;margin-bottom:28px;display:flex}.setup-progress-step{background:var(--border-color);height:6px;transition:background var(--transition-normal);border-radius:4px;flex:1}.setup-progress-step.done{background:var(--primary)}.setup-back-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:18px;padding:0;font-size:.82rem;display:inline-flex}.setup-back-link:hover{color:var(--primary)}.setup-hint-box{background:var(--primary-light);border:1px solid var(--primary-border);border-radius:var(--radius-sm);color:var(--text-muted);gap:10px;margin-top:16px;padding:12px 14px;font-size:.8rem;line-height:1.5;display:flex}.setup-hint-box.amber{background:var(--accent-amber-light);color:#8a6416;border-color:#fde68a}.setup-number-list{flex-direction:column;gap:10px;max-height:300px;margin:16px 0;display:flex;overflow-y:auto}.setup-number-item{border-radius:var(--radius-sm);border:1.5px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);background:var(--bg-surface);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.setup-number-item:hover{border-color:var(--primary-border)}.setup-number-item.active{border-color:var(--primary);background:var(--primary-light)}.setup-status-icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 18px;display:flex}.setup-status-icon-wrap.pending{background:var(--accent-amber-light);color:var(--accent-amber)}.setup-status-icon-wrap.success{background:var(--success-light);color:var(--success)}.select-wrap{position:relative}.select-wrap select{appearance:none;padding-right:36px}.select-wrap:after{content:"";pointer-events:none;border-bottom:2px solid #94a3b8;border-right:2px solid #94a3b8;width:8px;height:8px;position:absolute;top:50%;right:14px;transform:translateY(-70%)rotate(45deg)}.dashboard-layout{min-height:100vh;display:flex}.sidebar{background:var(--gradient-brand-soft);width:260px;color:var(--text-inverse);flex-direction:column;flex-shrink:0;padding:24px 16px;display:flex}.sidebar-brand{color:var(--text-inverse);align-items:center;gap:12px;margin-bottom:32px;padding:8px 12px;font-size:1.25rem;font-weight:700;display:flex}.sidebar-brand-icon{color:var(--sidebar-active)}.sidebar-menu{flex-direction:column;flex-grow:1;gap:8px;list-style:none;display:flex}.sidebar-item a{border-radius:var(--radius-md);color:var(--sidebar-text);transition:all var(--transition-fast);align-items:center;gap:12px;padding:12px;font-weight:500;display:flex}.sidebar-item a:hover{color:var(--text-inverse);background-color:#ffffff0f}.sidebar-item.active a{background:linear-gradient(90deg, var(--sidebar-active), #60a5fa);color:var(--text-inverse);box-shadow:0 6px 14px -4px #3b82f680}.sidebar-footer{border-top:1px solid #ffffff1a;flex-direction:column;gap:8px;padding-top:16px;display:flex}.sidebar-user{flex-direction:column;padding:8px 12px;display:flex}.sidebar-user-name{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--sidebar-text);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.75rem}.logout-btn{border-radius:var(--radius-md);color:#ef4444;cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:12px;padding:12px;font-weight:500;display:flex}.logout-btn:hover{background-color:#ef444414}.main-content{flex-direction:column;flex-grow:1;min-width:0;display:flex}.top-nav{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex}.top-nav-title{color:var(--text-main);font-size:1.25rem;font-weight:600}.top-nav-actions{align-items:center;gap:16px;display:flex}.content-body{flex-grow:1;padding:32px;overflow-y:auto}.card{background-color:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin-bottom:24px;padding:24px}.card-title{color:var(--text-main);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:1.1rem;font-weight:600;display:flex}.form-group{margin-bottom:20px}.form-label{color:var(--text-muted);margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.form-control{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-surface);width:100%;color:var(--text-main);transition:all var(--transition-fast);padding:10px 14px;font-size:.95rem}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb26}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--text-inverse);box-shadow:0 4px 10px -2px #2563eb59}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;background-color:#a9b4c9;transform:none}.btn-secondary{background-color:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.btn-secondary:hover{background-color:var(--primary-border)}.btn-danger{background-color:var(--danger-light);color:var(--danger);border:1px solid #ef444433}.btn-danger:hover{background-color:var(--danger);color:var(--text-inverse)}.btn-disabled{background-color:var(--border-color);color:var(--text-muted);cursor:not-allowed}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px;display:grid}.stat-card{background-color:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:20px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--primary);opacity:.55;width:4px;position:absolute;top:0;bottom:0;left:0}.stat-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon.primary{background-color:var(--primary-light);color:var(--primary)}.stat-icon.success{background-color:var(--success-light);color:var(--success)}.stat-icon.warning{background-color:var(--warning-light);color:var(--warning)}.stat-icon.danger{background-color:var(--danger-light);color:var(--danger)}.stat-icon.info{background-color:var(--info-light);color:var(--info)}.stat-details{flex-direction:column;display:flex}.stat-value{color:var(--text-main);font-size:1.5rem;font-weight:700;line-height:1.2}.stat-label{color:var(--text-muted);font-size:.85rem;font-weight:500}.table-container{border-radius:var(--radius-sm);border:1px solid var(--border-color);overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.table th{background-color:var(--bg-app);color:var(--text-muted);border-bottom:1px solid var(--border-color);padding:12px 16px;font-weight:600}.table td{border-bottom:1px solid var(--border-color);color:var(--text-main);padding:14px 16px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:var(--primary-light)}.badge{text-transform:uppercase;letter-spacing:.025em;border-radius:9999px;align-items:center;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background-color:var(--success-light);color:var(--success)}.badge-warning{background-color:var(--warning-light);color:var(--warning)}.badge-danger{background-color:var(--danger-light);color:var(--danger)}.badge-info{background-color:var(--info-light);color:var(--info)}.badge-neutral{color:var(--text-muted);background-color:#f1f5f9}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.privilege-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:8px;display:grid}.privilege-item{border-radius:var(--radius-sm);border:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;font-weight:500;display:flex}.privilege-item.active{background-color:var(--primary-light);border-color:var(--primary-border);color:var(--primary)}.key-display{background-color:var(--bg-app);border:1px dashed var(--primary-border);border-radius:var(--radius-sm);word-break:break-all;margin-top:12px;padding:16px;font-family:monospace;font-size:.9rem;position:relative}.live-tracker-list{flex-direction:column;gap:10px;max-height:250px;padding-right:4px;display:flex;overflow-y:auto}.live-tracker-item{background-color:var(--bg-app);border-radius:var(--radius-sm);border-left:4px solid var(--primary);justify-content:space-between;align-items:center;padding:10px 14px;font-size:.85rem;animation:.3s slideIn;display:flex}.live-tracker-item.delivered{border-left-color:var(--success)}.live-tracker-item.failed{border-left-color:var(--danger)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}