@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.home-container{background:var(--bg-app);min-height:100vh;padding:60px 24px 40px}.home-header{text-align:center;margin-bottom:56px}.home-header h1{font-size:36px;font-weight:700;letter-spacing:-.04em;color:var(--text-primary);margin:0 0 8px}.home-header p{color:var(--text-secondary);font-size:16px;margin:0;font-weight:400}.home-content{max-width:1060px;margin:0 auto 56px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.interface-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:32px 28px 28px;display:flex;flex-direction:column;transition:var(--transition);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.interface-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--bg-dark);border-radius:var(--radius-lg) var(--radius-lg) 0 0;opacity:0;transition:var(--transition)}.interface-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--border-medium)}.interface-card:hover:before{opacity:1}.admin-card:before{background:var(--text-primary);opacity:1}.pro-card:before{background:var(--accent);opacity:1}.client-card:before{background:var(--success-text);opacity:1}.card-icon{display:flex;justify-content:center;align-items:center;width:52px;height:52px;background:var(--bg-subtle);border-radius:var(--radius-md);margin-bottom:20px;color:var(--text-primary);transition:var(--transition)}.admin-card .card-icon{background:#1d1d1f;color:#fff}.pro-card .card-icon{background:var(--accent-light);color:var(--accent)}.client-card .card-icon{background:var(--success-bg);color:var(--success-text)}.interface-card h2{color:var(--text-primary);margin:0 0 6px;font-size:20px;font-weight:700;letter-spacing:-.02em}.card-description{color:var(--text-secondary);margin:0 0 16px;font-size:14px;line-height:1.5}.card-features{list-style:none;padding:0;margin:0 0 20px;flex-grow:1}.card-features li{color:var(--text-secondary);padding:5px 0 5px 20px;font-size:13px;position:relative}.card-features li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--border-medium)}.card-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-light);margin-bottom:16px}.card-footer small{color:var(--text-tertiary);font-size:12px}.interface-card .btn-primary{width:100%;text-align:center;padding:12px 20px;font-size:14px;border-radius:var(--radius-sm)}.home-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:48px;max-width:1060px;margin-left:auto;margin-right:auto}.info-box{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-xs)}.info-box h3{color:var(--text-primary);margin-top:0;margin-bottom:16px;font-size:17px}.info-box p{color:var(--text-secondary);margin:0 0 12px;font-size:14px}.info-box ul{list-style:none;padding:0;margin:0}.info-box li{color:var(--text-secondary);padding:5px 0;font-size:13px;line-height:1.6}.info-box strong{color:var(--text-primary)}.demo-form{display:flex;flex-direction:column;gap:14px;padding:20px;background:var(--bg-subtle);border-radius:var(--radius-md);width:100%}.demo-form input{padding:12px 14px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-family);background:var(--bg-surface);color:var(--text-primary);transition:var(--transition)}.demo-form input::placeholder{color:var(--text-tertiary)}.demo-form input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.demo-form label{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.demo-form-search-results{max-height:220px;overflow-y:auto;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-surface)}.demo-form-item{padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--border-light);transition:var(--transition);display:flex;justify-content:space-between;align-items:center}.demo-form-item:last-child{border-bottom:none}.demo-form-item:hover{background:var(--accent-light)}.demo-form-item.selected{background:var(--accent-light);border-left:3px solid var(--accent);padding-left:11px}.demo-form-item-name{color:var(--text-primary);font-weight:600;font-size:14px}.demo-form-item-id{color:var(--text-tertiary);font-size:11px;font-family:SF Mono,monospace}.demo-form-selection{background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--radius-sm);padding:10px 14px;color:var(--success-text);font-size:13px;font-weight:500}.demo-form-buttons{display:flex;gap:8px;width:100%}.demo-form-buttons button{flex:1;font-family:var(--font-family)}.demo-form-buttons .btn-primary{flex:2}.demo-form-empty{text-align:center;padding:24px;color:var(--text-tertiary);font-size:14px}.home-footer{text-align:center;padding:24px;color:var(--text-tertiary);font-size:12px;max-width:1060px;margin:0 auto;border-top:1px solid var(--border-light)}.home-footer p{margin:2px 0;color:var(--text-tertiary);font-size:12px}@media (max-width: 900px){.home-content{grid-template-columns:1fr;max-width:420px}}@media (max-width: 640px){.home-container{padding:32px 16px 24px}.home-header h1{font-size:28px}.home-header{margin-bottom:32px}}.auth-container{min-height:100vh;background:var(--bg-app);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.auth-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-8);max-width:400px;width:100%}.auth-card h1,.auth-card h2{margin-top:0;margin-bottom:var(--space-2);color:var(--text-primary);font-size:28px;text-align:center}.auth-card p{color:var(--text-secondary);text-align:center;font-size:14px;margin-bottom:var(--space-6)}.form-group{margin-bottom:var(--space-4);display:flex;flex-direction:column}.form-group label{color:var(--text-secondary);font-weight:600;margin-bottom:var(--space-2);font-size:14px}.form-group input,.form-group textarea{padding:12px 14px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;transition:var(--transition);font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--text-primary);box-shadow:var(--shadow-focus)}.password-strength{margin-top:8px;font-size:12px;display:flex;align-items:center;gap:6px}.strength-indicator{height:4px;width:24px;border-radius:2px;background:var(--border-light)}.strength-indicator.weak{background:#ef4444}.strength-indicator.medium{background:#f59e0b}.strength-indicator.strong{background:#10b981}.strength-text{color:var(--text-secondary)}.strength-text.weak{color:#ef4444}.strength-text.medium{color:#f59e0b}.strength-text.strong{color:#10b981}.button-group{display:flex;gap:10px;margin-top:24px}.btn-primary,.btn-secondary,.btn-submit{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;flex:1;text-align:center}.btn-primary,.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled),.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-primary:active:not(:disabled),.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#e5e7eb;color:#1f2937}.btn-secondary:hover:not(:disabled){background:#d1d5db}.btn-primary:disabled,.btn-secondary:disabled,.btn-submit:disabled{opacity:.6;cursor:not-allowed}.link-group{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.link-group a,.link-group button{color:#667eea;text-decoration:none;font-size:14px;font-weight:500;background:none;border:none;cursor:pointer;transition:color .2s}.link-group a:hover,.link-group button:hover{color:#764ba2;text-decoration:underline}.error-message{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:12px 14px;border-radius:8px;font-size:13px;margin-bottom:24px;animation:slideDown .3s ease-out}.success-message{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46;padding:12px 14px;border-radius:8px;font-size:13px;margin-bottom:24px}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}@media (max-width: 480px){.auth-card{padding:30px 20px}.auth-card h1,.auth-card h2{font-size:24px}.button-group{flex-direction:column}.btn-primary,.btn-secondary,.btn-submit{width:100%}}.auth-container{min-height:100vh;background:var(--bg-app);display:flex;align-items:center;justify-content:center;padding:var(--space-4);position:relative;overflow:hidden}.auth-container.login-page{position:relative}.login-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden}.gradient-blob{position:absolute;border-radius:50%;filter:blur(60px)}.blob-1{width:300px;height:300px;background:#1118271a;top:-100px;left:-100px}.blob-2{width:300px;height:300px;background:#1118270d;bottom:-100px;right:-100px}.auth-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-8);max-width:400px;width:100%;box-shadow:var(--shadow-md);position:relative;z-index:1}.auth-card.login-card{max-width:400px}.login-header,.auth-header{text-align:center;margin-bottom:var(--space-6)}.login-header h1,.auth-header h1{color:var(--text-primary);margin:0 0 var(--space-2) 0;font-size:28px;font-weight:700}.login-header .subtitle,.auth-header .subtitle{color:var(--text-secondary);font-size:14px;margin:0}.auth-form,.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group label{display:block;color:var(--text-secondary);font-weight:600;margin-bottom:var(--space-2);font-size:14px}.form-group input{width:100%;padding:12px 14px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;transition:var(--transition);box-sizing:border-box;background:var(--bg-surface);color:var(--text-primary)}.form-group input:focus{outline:none;border-color:var(--text-primary);box-shadow:var(--shadow-focus)}.form-group input:disabled{background:var(--bg-hover);color:var(--text-tertiary);cursor:not-allowed}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;transition:var(--transition)}.toggle-password:hover{color:var(--text-primary)}.error-alert,.error-message{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:13px;font-weight:500;animation:slideDown .3s ease-out;display:flex;align-items:center;gap:var(--space-2)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.button-group{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.btn-login{width:100%;padding:12px 24px;background:var(--text-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{opacity:.6;cursor:not-allowed}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-light)}.login-footer p{color:var(--text-secondary);font-size:12px;margin:var(--space-1) 0}@media (max-width: 480px){.auth-card{padding:var(--space-6) var(--space-4)}.login-header h1{font-size:24px}.auth-container{padding:var(--space-2)}}.dashboard-container{max-width:1100px;margin:0 auto;padding:40px 24px;background:var(--bg-app);min-height:100vh}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--border-light)}.dashboard-header h1{margin:0;font-size:26px;font-weight:700;letter-spacing:-.03em;color:var(--text-primary)}.dashboard-content{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm)}.card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:24px;margin-bottom:20px}.card h2{margin-top:0}.table-responsive{overflow-x:auto}table th{background:var(--bg-subtle);padding:12px 16px;text-align:left;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border-bottom:1px solid var(--border-light)}table td{padding:14px 16px;border-bottom:1px solid var(--border-light)}@media (max-width: 768px){.dashboard-container{padding:20px 16px}.dashboard-header{flex-direction:column;gap:12px;text-align:center}.dashboard-header h1{font-size:20px}.action-buttons{flex-direction:column}.action-buttons button{width:100%}}.admin-container{min-height:100vh;background:var(--bg-app);padding:var(--space-4)}.admin-header{display:flex;justify-content:space-between;align-items:center;background:var(--bg-surface);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-4);box-shadow:var(--shadow-md)}.admin-header h1{margin:0;color:var(--text-primary);font-size:28px}.admin-content{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md)}.admin-section{margin-bottom:var(--space-6)}.admin-section h2{color:var(--text-primary);border-bottom:2px solid var(--border-light);padding-bottom:var(--space-2);margin-bottom:var(--space-4)}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.admin-card{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.admin-card h3{margin-top:0;color:var(--text-primary)}.admin-card p{margin:var(--space-2) 0;color:var(--text-secondary);font-size:14px}.admin-card .number{font-size:32px;font-weight:700;color:var(--text-primary)}.dashboard-container{display:flex;min-height:100vh;background:var(--bg-app)}.dashboard-sidebar{width:280px;background:var(--bg-surface);border-right:1px solid var(--border-light);display:flex;flex-direction:column;padding:var(--space-6);box-shadow:var(--shadow-sm)}.sidebar-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.sidebar-header h2{font-size:32px;margin:0}.sidebar-header h3{color:var(--text-primary);font-size:18px;margin:0;font-weight:700}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:var(--transition);font-weight:500;font-size:14px}.nav-item:hover{background:var(--bg-subtle);color:var(--text-primary)}.nav-item.active{background:var(--bg-subtle);color:var(--text-primary);font-weight:600}.nav-icon{font-size:20px}.sidebar-footer{margin-top:auto;padding-top:var(--space-6);border-top:1px solid var(--border-light)}.btn-logout{width:100%;padding:10px 16px;background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border);border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-logout:hover{background:var(--error-text);color:var(--text-inverse)}.dashboard-main{flex:1;padding:var(--space-6);overflow-y:auto}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.header-content h1{color:var(--text-primary);margin:0 0 var(--space-2) 0;font-size:32px;font-weight:700}.header-subtitle{color:var(--text-secondary);margin:0;font-size:16px}.alert{padding:var(--space-4) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2);animation:slideDown .3s ease-out}.alert-error{background:var(--error-bg);border-left:4px solid var(--error-text);color:var(--error-text)}.alert-success{background:var(--success-bg);border-left:4px solid var(--success-text);color:var(--success-text)}.create-form-section{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}.create-form-section h2{color:var(--text-primary);margin:0 0 var(--space-4) 0}.create-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.form-group label{color:var(--text-secondary);font-weight:600;margin-bottom:var(--space-2);font-size:13px}.form-group input,.form-group select{padding:10px 12px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;font-family:inherit;background:var(--bg-surface);color:var(--text-primary);transition:var(--transition)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--text-primary);box-shadow:var(--shadow-focus)}.search-filter-section{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.search-box input{width:100%;padding:12px 40px 12px 12px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;background:var(--bg-surface);color:var(--text-primary)}.search-box input::placeholder{color:var(--text-tertiary)}.search-input{width:100%;padding:12px 16px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;background:var(--bg-surface);color:var(--text-primary);transition:var(--transition)}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{outline:none;border-color:var(--text-primary);box-shadow:var(--shadow-focus)}.filter-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-btn{padding:8px 16px;background:var(--bg-app);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition)}.filter-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.filter-btn.active{background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary)}.enterprises-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-4)}.enterprise-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:var(--transition)}.enterprise-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-medium)}.enterprise-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--space-3)}.enterprise-title{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.enterprise-status{display:inline-flex;align-items:center;gap:var(--space-1);font-size:12px}.status-active{color:var(--success-text)}.status-suspended{color:var(--error-text)}.enterprise-info{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-light)}.info-item{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-2);word-break:break-all}.info-label{font-weight:600;color:var(--text-primary)}.enterprise-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.btn-small,.btn-action{padding:8px 14px;background:var(--bg-app);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-small:hover{background:var(--bg-subtle);border-color:var(--text-secondary)}.btn-action.btn-danger{background:var(--error-bg);color:var(--error-text);border-color:var(--error-border)}.btn-action.btn-danger:hover{background:var(--error-text);color:var(--text-inverse)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-content{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);transition:var(--transition);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--text-primary)}.modal-header{padding:var(--space-6) var(--space-6) 0}.modal-header h2{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:22px}.modal-company-name{color:var(--text-secondary);margin:0;font-size:14px}.modal-body{padding:var(--space-6)}.modal-instruction{color:var(--text-secondary);font-size:14px;margin:0 0 var(--space-4) 0}.credentials-box{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.credential-item{margin-bottom:var(--space-4)}.credential-item:last-child{margin-bottom:0}.credential-item label{display:block;color:var(--text-secondary);font-weight:600;font-size:12px;margin-bottom:var(--space-2)}.credential-value{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.credential-value span{color:var(--text-primary);font-size:13px;font-family:monospace;flex:1;word-break:break-all}.id-display,.password-display{font-weight:600}.copy-btn{padding:4px 12px;background:var(--text-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap}.copy-btn:hover{background:#1f2937}.modal-warning{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.modal-warning p{color:var(--warning-text);margin:0;font-size:13px}.modal-link{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.modal-link p{color:var(--text-secondary);margin:0 0 var(--space-2) 0;font-size:13px;font-weight:600}.login-link{color:var(--text-primary);text-decoration:none;font-weight:600;font-size:13px;transition:var(--transition)}.login-link:hover{text-decoration:underline}.modal-footer{padding:var(--space-4) var(--space-6) var(--space-6);display:flex;justify-content:flex-end;gap:var(--space-2)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-secondary)}.empty-state-icon{font-size:48px;margin-bottom:var(--space-4)}.empty-state h3{color:var(--text-primary);margin-bottom:var(--space-2)}@media (max-width: 768px){.dashboard-container{flex-direction:column}.dashboard-sidebar{width:100%;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--space-4);border-right:none;border-bottom:1px solid var(--border-light)}.sidebar-header{margin-bottom:0}.sidebar-nav{display:none}.sidebar-footer{margin-top:0;padding-top:0;border-top:none}.dashboard-main{padding:var(--space-4)}.dashboard-header{flex-direction:column}.form-row,.enterprises-list{grid-template-columns:1fr}.search-filter-section,.filter-buttons{flex-direction:column}.filter-btn{width:100%}}.enterprises-section{margin-top:var(--space-6)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--text-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--space-4)}.empty-state{text-align:center;padding:var(--space-12);color:var(--text-secondary);font-size:16px}.enterprises-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.enterprise-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.enterprise-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-medium);transform:translateY(-2px)}.enterprise-card.status-actif{border-left:5px solid var(--success-text)}.enterprise-card.status-suspendu{border-left:5px solid var(--error-text);opacity:.85}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--border-light);background:var(--bg-subtle)}.card-header h3{margin:0;font-size:18px;font-weight:700;color:var(--text-primary);flex:1;word-break:break-word}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;white-space:nowrap;background:var(--bg-surface)}.status-badge.status-actif{background:var(--success-bg);color:var(--success-text)}.status-badge.status-suspendu{background:var(--error-bg);color:var(--error-text)}.card-body{padding:var(--space-4);flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);font-size:13px}.info-row .label{font-weight:600;color:var(--text-secondary);min-width:120px}.info-row .value{color:var(--text-primary);text-align:right;flex:1;word-break:break-word;font-family:inherit}.id-text{font-family:monospace;background:var(--bg-subtle);padding:4px 8px;border-radius:var(--radius-sm);font-weight:600}.password-value{font-family:monospace;background:var(--warning-bg);padding:4px 8px;border-radius:var(--radius-sm);color:var(--warning-text);font-weight:600}.temp-password-row{background:var(--warning-bg);padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--warning-border)}.card-actions{display:flex;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--border-light);background:var(--bg-subtle);flex-wrap:wrap}.btn-secondary{flex:1;min-width:100px;padding:8px 12px;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-secondary:hover{background:var(--bg-app);color:var(--text-primary);border-color:var(--text-secondary)}.btn-success{flex:1;min-width:100px;padding:8px 12px;background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border);border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-success:hover{background:var(--success-text);color:var(--text-inverse);border-color:var(--success-text)}.btn-small{padding:8px 12px;font-size:12px}@media (max-width: 1024px){.enterprises-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width: 768px){.dashboard-container{flex-direction:column}.dashboard-sidebar{width:100%;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--space-4);border-right:none;border-bottom:1px solid var(--border-light);margin-bottom:var(--space-4)}.sidebar-header{margin-bottom:0}.sidebar-nav{display:none}.sidebar-footer{margin-top:0;padding-top:0;border-top:none}.dashboard-main{padding:var(--space-4)}.dashboard-header{flex-direction:column;align-items:stretch}.dashboard-header .btn-primary{width:100%}.form-row{grid-template-columns:1fr}.search-filter-section,.filter-buttons{flex-direction:column}.filter-btn{width:100%}.enterprises-grid{grid-template-columns:1fr}.card-header{flex-direction:column;gap:var(--space-2)}.card-header h3{flex:1}.status-badge{align-self:flex-start}.info-row{flex-direction:column;gap:var(--space-1)}.info-row .label{min-width:auto}.card-actions{flex-direction:column}.btn-secondary,.btn-success{width:100%}}.auth-container{min-height:100vh;background:var(--bg-app);display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.login-background,.pro-login-decoration{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.gradient-blob,.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.blob-1{width:400px;height:400px;background:#007aff0f;top:-150px;left:-150px}.blob-2{width:350px;height:350px;background:#007aff0a;bottom:-150px;right:-150px}.blob-3{width:300px;height:300px;background:#5856d60a;bottom:50px;left:50px}.auth-card,.login-card,.pro-login-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:40px;max-width:420px;width:100%;box-shadow:var(--shadow-lg);position:relative;z-index:1}.pro-login-form-wrapper{position:relative;z-index:1;max-width:420px;width:100%;margin:0 auto}.pro-login-form-content{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-lg)}.login-header,.auth-header,.pro-login-header{text-align:center;margin-bottom:28px}.login-header h1,.auth-header h1,.pro-login-header h1{color:var(--text-primary);margin:0 0 6px;font-size:26px;font-weight:700;letter-spacing:-.03em}.login-header .subtitle,.auth-header .subtitle,.pro-login-subtitle{color:var(--text-secondary);font-size:14px;margin:0}.auth-form,.login-form,.pro-login-form{display:flex;flex-direction:column;gap:18px}.form-group{margin-bottom:0;position:relative}.form-group label{display:block;color:var(--text-secondary);font-weight:500;margin-bottom:6px;font-size:14px}.form-group input{width:100%;padding:12px 14px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:15px;transition:var(--transition);background:var(--bg-surface);color:var(--text-primary)}.pro-checkbox-group{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.pro-checkbox-group input[type=checkbox]{width:auto;min-height:auto;cursor:pointer;accent-color:var(--accent)}.pro-checkbox-group label{margin-bottom:0}.pro-btn-submit,.btn-login{width:100%;padding:13px 24px;background:var(--bg-dark);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px}.pro-btn-submit:hover:not(:disabled),.btn-login:hover:not(:disabled){background:#2c2c2e;transform:translateY(-1px);box-shadow:var(--shadow-md)}.pro-btn-submit:disabled,.btn-login:disabled{opacity:.5;cursor:not-allowed}.login-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-light)}.login-footer p{color:var(--text-tertiary);font-size:12px;margin:4px 0}@media (max-width: 480px){.auth-card,.pro-login-form-content{padding:28px 20px}.login-header h1,.pro-login-header h1{font-size:22px}}.password-reset-container{min-height:100vh;background:var(--bg-app);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.password-reset-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-8);max-width:500px;width:100%;box-shadow:var(--shadow-md)}.reset-header{text-align:center;margin-bottom:var(--space-6)}.reset-header h1{color:var(--text-primary);margin:0 0 var(--space-2) 0;font-size:28px;font-weight:700}.reset-header .subtitle{color:var(--text-secondary);margin:0;font-size:14px}.first-time-message{text-align:center;color:var(--success-text);margin:0 0 var(--space-4) 0;font-size:14px;background:var(--success-bg);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--success-border)}.reset-info{text-align:center;font-size:14px;margin-bottom:var(--space-6);color:var(--text-secondary);line-height:1.5}.password-criteria{font-size:12px;color:var(--text-secondary);margin-bottom:var(--space-4)}.password-criteria-title{font-size:12px;font-weight:600;margin-bottom:var(--space-2);color:var(--text-secondary)}.password-criteria-list{margin:0;padding-left:var(--space-4);list-style:none}.password-criteria-item{font-size:13px;margin-bottom:var(--space-1);color:var(--text-tertiary);position:relative}.password-criteria-item:before{content:"✓";position:absolute;left:calc(var(--space-4) * -1);font-weight:600}.password-criteria-item.valid{color:var(--success-text)}.suspended-alert{text-align:center;padding:var(--space-6);background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-lg)}.suspended-alert h2{color:var(--error-text);margin:0 0 var(--space-2) 0;font-size:20px}.suspended-alert p{color:var(--error-text);margin:0;font-size:14px;line-height:1.6}.suspended-alert-footer{color:var(--error-text);margin:var(--space-4) 0 0 0;font-size:12px}@media (max-width: 480px){.password-reset-card{padding:var(--space-6) var(--space-4)}.reset-header h1{font-size:24px}.password-reset-container{padding:var(--space-2)}}.customizer-container{display:flex;flex-direction:column;gap:32px;animation:fadeSlideUp .3s ease-out}@media (min-width: 1024px){.customizer-container{flex-direction:row;align-items:flex-start}}.customizer-settings{flex:1;display:flex;flex-direction:column;gap:24px;min-width:0}.customizer-tabs{display:flex;gap:8px;background:var(--bg-subtle);padding:4px;border-radius:var(--radius-md);margin-bottom:8px}.customizer-tab{flex:1;padding:10px;border:none;background:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.customizer-tab.active{background:var(--bg-surface);color:var(--accent);box-shadow:var(--shadow-sm)}.platform-selector{display:flex;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:6px;gap:8px;margin-bottom:24px}.platform-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;border:none;background:none;border-radius:var(--radius-md);font-size:14px;font-weight:700;color:var(--text-tertiary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.platform-btn svg{opacity:.6}.platform-btn.active{background:var(--bg-app);color:var(--text-primary);box-shadow:0 4px 12px #0000001a}.platform-btn.apple.active{background:linear-gradient(135deg,#333,#000);color:#fff}.platform-btn.google.active{background:linear-gradient(135deg,#4285f4,#34a853,#fbbc05 66%,#ea4335);color:#fff}.platform-btn.active svg{opacity:1}.settings-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow-sm)}.settings-group{display:flex;flex-direction:column;gap:8px}.settings-group label{font-size:14px;font-weight:600;color:var(--text-secondary)}.settings-group input[type=text],.settings-group textarea{width:100%;padding:12px 16px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:14px;background:var(--bg-app);color:var(--text-primary);transition:border-color .2s}.settings-group input:focus,.settings-group textarea:focus{outline:none;border-color:var(--accent)}.color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.color-input-wrapper{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-app);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.color-input-wrapper input[type=color]{width:32px;height:32px;border:none;border-radius:4px;cursor:pointer;background:none}.upload-grid{display:flex;flex-direction:column;gap:20px}.upload-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-app);border:1px solid var(--border-light);border-radius:var(--radius-md)}.upload-preview{width:60px;height:60px;border-radius:8px;background:var(--bg-subtle);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border-light);flex-shrink:0}.upload-preview img{max-width:100%;max-height:100%;object-fit:contain}.upload-controls{flex:1}.upload-btn{font-size:13px;color:var(--accent);font-weight:600;cursor:pointer;display:inline-block;padding:6px 0}.upload-hint{font-size:11px;color:var(--text-tertiary);display:block}.customizer-preview{width:380px;position:sticky;top:80px;display:flex;flex-direction:column;align-items:center;gap:24px;margin:0 auto}.preview-toggle{display:flex;background:var(--bg-subtle);padding:4px;border-radius:24px;box-shadow:inset 0 1px 3px #0000001a}.preview-toggle button{padding:8px 24px;border-radius:20px;border:none;background:none;font-size:12px;font-weight:700;cursor:pointer;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;transition:all .2s}.preview-toggle button.active{background:var(--bg-surface);color:var(--accent);box-shadow:var(--shadow-sm)}.apple-card{width:100%;aspect-ratio:1 / 1.58;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a,0 15px 45px #00000040;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-user-select:none;user-select:none}.apple-card:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff14,#fff0);pointer-events:none;z-index:10}.apple-card.flipped{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;top:0;left:0;width:100%;height:100%;padding:16px 18px;backface-visibility:hidden;display:flex;flex-direction:column}.card-back{transform:rotateY(180deg);background:#fff!important;color:#000!important}.card-top-bar{display:flex;align-items:center;gap:8px;height:24px;margin-bottom:4px;flex-shrink:0}.card-app-icon{width:20px;height:20px;border-radius:4px;object-fit:cover}.card-org-name{font-size:13px;font-weight:500;opacity:.9;letter-spacing:-.01em}.card-header{display:flex;justify-content:space-between;align-items:flex-end;height:52px;margin-bottom:6px;z-index:2;flex-shrink:0}.card-logo-placeholder{height:40px;flex:1;display:flex;align-items:center}.card-logo{height:38px;width:auto;max-width:100%;object-fit:contain}.card-label-field{text-align:right;display:flex;flex-direction:column;margin-left:12px}.card-strip{margin:0 -18px;height:123px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.strip-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000026}.stamps-preview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:0 18px;width:100%;position:relative;z-index:10}.stamp-slot{aspect-ratio:1;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center}.stamp-slot.filled{background:var(--stamp-color, var(--accent));border:none;box-shadow:0 2px 8px #00000040}.card-body{padding-top:16px;z-index:2;flex:1;display:flex;flex-direction:column;gap:14px}.card-field-label{font-size:11px;text-transform:uppercase;font-weight:600;opacity:.8;display:block;letter-spacing:.02em}.card-field-value{font-size:16px;font-weight:600;display:block}.card-field-value-lg{font-size:38px;font-weight:300;line-height:1;display:block}.card-aux-row{display:flex;gap:20px}.card-footer{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:2;padding-bottom:8px}.card-footer-subtitle{font-size:10px;font-weight:500;opacity:.7;text-align:center}.card-barcode-area{width:160px;height:160px;background:#fff;padding:8px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 2px 10px #0000001a}.qr-mock{width:100%;height:100%;background-image:linear-gradient(45deg,#000 25%,transparent 25%),linear-gradient(-45deg,#000 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#000 75%),linear-gradient(-45deg,transparent 75%,#000 75%);background-size:11px 11px;opacity:.9}.barcode-id{font-size:9px;font-family:monospace;color:#444}.btn-info-flip{position:absolute;right:0;bottom:4px;width:20px;height:20px;border-radius:50%;background:#fff3;color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;cursor:pointer;z-index:20}.btn-done-flip{position:absolute;top:12px;right:14px;background:none;border:none;color:#007aff;font-size:16px;font-weight:600;cursor:pointer}.card-barcode-area{width:160px;height:160px;background:#fff;padding:8px;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.qr-mock{width:100%;height:100%;background-image:linear-gradient(45deg,#000 25%,transparent 25%),linear-gradient(-45deg,#000 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#000 75%),linear-gradient(-45deg,transparent 75%,#000 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0px;opacity:.9}.barcode-id{font-size:9px;font-family:monospace;color:#333}.google-card{width:100%;aspect-ratio:1 / 1.6;background:#fff;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a,0 24px 48px #00000026;font-family:Google Sans,Roboto,sans-serif;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.05)}.google-card-new-header{padding:20px 24px 12px;display:flex;align-items:center;gap:12px}.google-wallet-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.google-org-name-top{font-size:18px;font-weight:500;color:#202124}.google-card-content{padding:12px 24px;flex:1;display:flex;flex-direction:column;gap:24px}.google-main-title{font-size:40px;font-weight:400;color:#202124;margin:0;line-height:1.1;letter-spacing:-.5px}.google-points-section{display:flex;flex-direction:column;gap:4px}.google-points-label{font-size:16px;font-weight:500;color:#5f6368}.google-points-value{font-size:32px;font-weight:500;color:#202124}.google-qr-container{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:auto;margin-bottom:16px}.google-qr-box{background:#fff;padding:12px;border-radius:12px;border:1px solid #e8eaed;width:180px;aspect-ratio:1}.google-qr-mock-real{width:100%;height:100%;background-image:linear-gradient(45deg,#000 25%,transparent 25%),linear-gradient(-45deg,#000 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#000 75%),linear-gradient(-45deg,transparent 75%,#000 75%);background-size:10px 10px;opacity:.9}.google-client-id-text{font-size:11px;color:#5f6368;font-family:monospace;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.google-footer-actions{padding:16px 24px 32px;display:flex;justify-content:center}.google-add-btn-minimal{cursor:pointer;transition:transform .2s}.google-add-btn-minimal:hover{transform:scale(1.02)}.btn-premium-save{width:100%;padding:16px;background:var(--accent);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 12px #0000001a;transition:opacity .2s}.btn-premium-save:hover{opacity:.9}.btn-premium-save:active{transform:scale(.98)}.pro-dash{min-height:100vh;min-height:100dvh;background:var(--bg-app);display:flex;flex-direction:column;padding-bottom:72px}.pro-topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border-light);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.pro-topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.pro-avatar{width:38px;height:38px;border-radius:10px;background:var(--bg-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.pro-company-name{font-size:17px;font-weight:700;letter-spacing:-.02em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.pro-badge{font-size:12px;color:var(--text-tertiary);font-weight:500}.pro-topbar-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);flex-shrink:0}.pro-topbar-btn:hover{background:var(--error-bg);color:var(--error-text);border-color:var(--error-border)}.pro-suspended-banner{display:flex;align-items:flex-start;gap:12px;padding:16px;margin:12px 16px 0;background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-md);color:var(--error-text);font-size:14px}.pro-suspended-banner strong{display:block;margin-bottom:2px}.pro-suspended-banner p{margin:0;font-size:13px;opacity:.85}.pro-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-secondary);gap:12px}.pro-loading p{margin:0;font-size:15px}.pro-spin{animation:spin 1s linear infinite}.pro-alert{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;margin:0 0 16px;border-radius:var(--radius-md);font-size:14px;border:1px solid transparent;animation:fadeSlideUp .2s ease-out;position:relative}.pro-alert p{margin:2px 0 0;font-size:13px}.pro-alert-success{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.pro-alert-error{background:var(--error-bg);color:var(--error-text);border-color:var(--error-border)}.pro-alert-close{position:absolute;top:10px;right:10px;background:none;border:none;color:inherit;cursor:pointer;opacity:.6;padding:4px;display:flex;align-items:center}.pro-alert-close:hover{opacity:1}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pro-main{flex:1;padding:16px;max-width:720px;margin:0 auto;width:100%}.pro-tabs-desktop{display:none}.pro-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;background:var(--bg-surface);border-top:1px solid var(--border-light);padding:6px 0 env(safe-area-inset-bottom,8px)}.pro-bnav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;background:none;border:none;color:var(--text-tertiary);font-size:10px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:color .15s}.pro-bnav-item.active{color:var(--accent)}.pro-bnav-item:active{transform:scale(.92)}.pro-section{animation:fadeSlideUp .25s ease-out}.pro-section-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.pro-section-header>svg{flex-shrink:0;color:var(--accent);margin-top:2px}.pro-section-header h2{margin:0 0 2px;font-size:20px;font-weight:700;letter-spacing:-.02em}.pro-section-header p{margin:0;font-size:13px;color:var(--text-tertiary)}.pro-scanner-area{display:flex;flex-direction:column;align-items:center;gap:16px}.pro-scan-btn{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 20px;background:var(--bg-surface);border:2px dashed var(--border-medium);border-radius:var(--radius-lg);color:var(--accent);font-size:16px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:var(--transition)}.pro-scan-btn:hover{border-color:var(--accent);background:var(--accent-light)}.pro-scan-btn:active{transform:scale(.98)}.pro-qr-reader{width:100%;max-width:400px;border-radius:var(--radius-md);overflow:hidden}.pro-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:var(--transition)}.pro-btn-secondary:hover{border-color:var(--border-medium);color:var(--text-primary)}.pro-search-bar{margin-bottom:16px}.pro-search-bar input{width:100%;padding:12px 16px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:15px;font-family:var(--font-family);background:var(--bg-surface);color:var(--text-primary);transition:var(--transition)}.pro-search-bar input::placeholder{color:var(--text-tertiary)}.pro-search-bar input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.pro-client-list{display:flex;flex-direction:column;gap:10px}.pro-client-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition)}.pro-client-card:hover{box-shadow:var(--shadow-sm)}.pro-client-info{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer}.pro-client-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.pro-client-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pro-client-name{font-weight:600;font-size:15px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-client-phone,.pro-client-email{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-client-points{display:flex;flex-direction:column;align-items:center;gap:1px;flex-shrink:0}.pro-points-value{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1}.pro-points-label{font-size:11px;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.pro-client-actions{display:flex;gap:0;border-top:1px solid var(--border-light)}.pro-action-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:10px;background:none;border:none;border-right:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.pro-action-btn:last-child{border-right:none}.pro-action-add:hover{color:var(--success)}.pro-action-delete:hover{color:#ef4444;background:#ef44440d}.pro-action-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.pro-action-btn:active{background:var(--bg-hover)}.pro-action-btn.pro-action-add{color:var(--accent);font-weight:600}.pro-action-btn.pro-action-add:hover{background:var(--accent-light)}.pro-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:var(--text-tertiary);gap:12px}.pro-empty p{margin:0;font-size:15px}.pro-recruit-content{display:flex;flex-direction:column;align-items:center;gap:20px}.pro-qr-display{background:#fff;padding:16px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:inline-flex}.pro-qr-placeholder{width:200px;height:200px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.pro-recruit-hint{text-align:center;font-size:14px;color:var(--text-secondary);margin:0;max-width:320px}.pro-link-copy{display:flex;gap:8px;width:100%;max-width:440px}.pro-link-copy input{flex:1;min-width:0;padding:10px 14px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-family);background:var(--bg-subtle);color:var(--text-primary)}.pro-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:var(--bg-dark);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:var(--transition);white-space:nowrap;flex-shrink:0}.pro-copy-btn:hover{background:#2c2c2e}.pro-modal{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:380px;width:calc(100% - 32px);padding:32px 24px 24px;text-align:center;position:relative;animation:scaleIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.pro-modal-close{position:absolute;top:12px;right:12px;background:var(--bg-subtle);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.pro-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.pro-modal-avatar{width:56px;height:56px;border-radius:50%;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;margin:0 auto 12px}.pro-modal h3{margin:0 0 16px;font-size:18px;font-weight:700}.pro-modal-info{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.pro-modal-row{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--text-secondary)}.pro-modal-actions{display:flex;gap:0;border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden}.pro-modal-actions .pro-action-btn{border-right:1px solid var(--border-light)}.pro-modal-actions .pro-action-btn:last-child{border-right:none}@media (min-width: 768px){.pro-dash{padding-bottom:0}.pro-tabs-desktop{display:flex;gap:4px;margin-bottom:24px;background:var(--bg-subtle);border-radius:var(--radius-md);padding:4px}.pro-tab{background:transparent;border:none;padding:10px 20px;color:var(--text-secondary);font-weight:500;font-size:14px;cursor:pointer;transition:var(--transition);border-radius:var(--radius-sm);display:flex;align-items:center;gap:8px;font-family:var(--font-family)}.pro-tab:hover{color:var(--text-primary);background:#ffffff80}.pro-tab.active{color:var(--text-primary);background:var(--bg-surface);box-shadow:var(--shadow-sm);font-weight:600}.pro-bottom-nav{display:none}.pro-main{max-width:800px;padding:24px}.pro-topbar{padding:14px 24px}.pro-client-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pro-scan-btn{max-width:400px}}@media (min-width: 1024px){.pro-main{max-width:900px;padding:32px}}.pro-push-container{display:flex;flex-direction:column;gap:32px}.pro-push-form{display:flex;flex-direction:column;gap:20px;background:var(--bg-surface);padding:24px;border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.pro-form-group{display:flex;flex-direction:column;gap:8px}.pro-form-group label{font-size:14px;font-weight:600;color:var(--text-secondary)}.pro-form-group input,.pro-form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:15px;font-family:var(--font-family);background:var(--bg-surface);color:var(--text-primary);transition:var(--transition)}.pro-form-group input:focus,.pro-form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.pro-push-selection{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px;background:var(--bg-subtle)}.pro-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pro-selection-header h3{margin:0;font-size:14px;font-weight:700;color:var(--text-primary)}.pro-btn-text{background:none;border:none;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px}.pro-btn-text:hover{background:var(--accent-light)}.pro-push-client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;max-height:200px;overflow-y:auto;padding:4px}.pro-push-client-item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.pro-push-client-item.selected{border-color:var(--accent);background:var(--accent-light)}.pro-checkbox{width:18px;height:18px;border:2px solid var(--border-medium);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-surface);color:#fff}.pro-push-client-item.selected .pro-checkbox{background:var(--accent);border-color:var(--accent)}.pro-push-client-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-push-history{display:flex;flex-direction:column;gap:16px}.pro-history-header{display:flex;align-items:center;gap:10px;color:var(--text-primary)}.pro-history-header h3{margin:0;font-size:16px;font-weight:700}.pro-history-list{display:flex;flex-direction:column;gap:12px}.pro-history-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition)}.pro-history-main h4{margin:0 0 4px;font-size:15px;font-weight:700}.pro-history-main p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.4}.pro-history-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.pro-history-meta span{font-size:12px;color:var(--text-tertiary)}.pro-badge-small{background:var(--bg-subtle);color:var(--text-secondary);padding:2px 8px;border-radius:10px;font-weight:600;font-size:11px}.pro-empty-small{text-align:center;padding:32px;color:var(--text-tertiary);font-size:14px;background:var(--bg-subtle);border-radius:var(--radius-md);border:1px dashed var(--border-light)}.pro-btn-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:700;cursor:pointer;transition:var(--transition)}.pro-btn-primary:disabled{opacity:.6;cursor:not-allowed}.pro-settings-container{max-width:800px;margin:0 auto;padding-bottom:40px}.pro-settings-form{display:flex;flex-direction:column;gap:24px}.pro-settings-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:24px}.pro-settings-card h3{margin:0 0 20px;font-size:1.1rem;color:var(--text-primary);display:flex;align-items:center;gap:8px}.pro-radio-group{display:flex;gap:12px}.pro-radio-item{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--bg-app);border:2px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;font-weight:500}.pro-radio-item input{display:none}.pro-radio-item:hover{border-color:var(--accent)}.pro-radio-item.active{background:var(--bg-subtle);border-color:var(--accent);color:var(--accent)}.pro-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.pro-form-row{grid-template-columns:1fr}}.pro-hint{margin-top:12px;font-size:.85rem;color:var(--text-secondary);font-style:italic}.pro-push-info-banner{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-bottom:16px;font-size:13px;color:var(--text-secondary);line-height:1.4}.pro-push-info-banner svg{color:var(--accent);flex-shrink:0;margin-top:2px}.pro-push-client-item.disabled{opacity:.5;cursor:not-allowed;background:var(--bg-app);border-style:dashed}.pro-push-client-item.disabled:hover{transform:none;box-shadow:none}.pro-push-client-info-mini{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0}.pro-notifiable-icon{color:var(--success);animation:pulse-subtle 2s infinite}@keyframes pulse-subtle{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.pro-scan-btn-premium{width:100%;max-width:400px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:20px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);margin:20px auto}.pro-scan-btn-premium:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow-md)}.scan-icon-container{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:var(--accent-light);color:var(--accent);border-radius:50%}.scan-pulse{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;border:2px solid var(--accent);animation:pulseScan 2s infinite}@keyframes pulseScan{0%{transform:scale(1);opacity:.5}to{transform:scale(1.5);opacity:0}}.scan-text{text-align:center}.scan-text span{display:block;font-size:18px;font-weight:700;margin-bottom:4px;color:var(--text-primary)}.scan-text p{margin:0;font-size:14px;color:var(--text-tertiary)}.scanner-full-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:1000;display:flex;flex-direction:column}.scanner-header{padding:20px;display:flex;align-items:center;gap:15px;color:#fff;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scanner-close{background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.scanner-view-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center}.pro-qr-reader-premium{width:100%!important;height:100%!important}.scanner-frame{position:absolute;width:260px;height:260px;border:2px solid var(--accent);border-radius:24px;box-shadow:0 0 0 4000px #0009;pointer-events:none}.scanner-footer{padding:40px 20px;color:#ffffffb3;text-align:center;font-size:14px}.pro-modal-box-premium{background:var(--bg-surface);border-radius:24px;padding:24px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes modalScaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.modal-header h3{margin:0;font-size:20px;font-weight:700}.points-input-section{display:flex;flex-direction:column;align-items:center;gap:20px}.points-current-val{font-size:64px;font-weight:800;color:var(--accent);letter-spacing:-.04em}.points-shortcuts{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.points-shortcuts button{background:var(--bg-subtle);border:1px solid var(--border-light);padding:8px 16px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--font-family)}.points-shortcuts button:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.manual-points-input{width:100%;padding:16px;border:2px solid var(--border-light);border-radius:16px;font-size:18px;text-align:center;outline:none;font-family:var(--font-family)}.manual-points-input:focus{border-color:var(--accent)}.modal-footer-actions{display:flex;gap:12px;margin-top:32px}.pro-btn-primary-premium,.pro-btn-secondary-premium{flex:1;padding:14px;border-radius:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-family);font-size:14px}.pro-btn-primary-premium{background:var(--bg-dark);color:#fff;border:none}.pro-btn-secondary-premium{background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-light)}.success-view{text-align:center}.circle-check{width:80px;height:80px;background:var(--success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.success-title{font-size:24px;font-weight:800;margin-bottom:8px}.success-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:15px}.reward-progress-card{background:var(--bg-subtle);border-radius:16px;padding:16px;text-align:left;margin-bottom:24px}.progress-info{display:flex;justify-content:space-between;font-size:13px;margin-bottom:10px}.pts-remaining{color:var(--accent);font-weight:700}.progress-bar-bg{height:8px;background:var(--border-light);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.unlocked-section{background:var(--accent-light);padding:16px;border-radius:16px}.unlocked-header{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--accent);font-weight:700;margin-bottom:12px}.pro-btn-reward-claim{width:100%;padding:12px;background:var(--accent);color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;font-family:var(--font-family)}.pro-btn-finish{width:100%;padding:14px;background:var(--bg-dark);color:#fff;border:none;border-radius:14px;font-weight:700;cursor:pointer;font-family:var(--font-family)}.close-final-btn{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-tertiary);cursor:pointer}.reward-scroll-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;margin-bottom:15px}.reward-item-premium{display:flex;justify-content:space-between;align-items:center;padding:14px;background:var(--bg-subtle);border-radius:14px}.reward-item-info{display:flex;flex-direction:column;text-align:left}.reward-item-info strong{font-size:15px}.reward-item-info span{font-size:12px;color:var(--text-tertiary)}.claim-item-btn{background:var(--accent);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:700;cursor:pointer}@media (max-width: 600px){.pro-modal-box-premium{width:90%;padding:20px}.points-current-val{font-size:48px}}.join-container{min-height:100vh;min-height:100dvh;background:var(--bg-app);padding:40px 20px;display:flex;align-items:center;justify-content:center}.join-loading,.join-error{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:40px;max-width:460px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}.join-loading p{color:var(--text-secondary);margin-top:12px}.join-error p{color:var(--error-text);background:var(--error-bg);padding:16px;border-radius:var(--radius-md);margin-bottom:24px;border:1px solid var(--error-border);font-size:14px}.join-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:520px;width:100%;overflow:hidden;position:relative}.join-header{padding:40px 32px 24px;background:var(--bg-surface);border-bottom:1px solid var(--border-light);position:relative}.join-back{display:inline-flex;align-items:center;gap:6px;background:var(--bg-subtle);border:1px solid var(--border-light);color:var(--text-secondary);padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition);margin-bottom:24px}.join-back:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-medium)}.join-header h1{margin:0 0 8px;font-size:28px;font-weight:700;letter-spacing:-.04em;color:var(--text-primary)}.join-company{margin:0;font-size:15px;color:var(--text-secondary);font-weight:400}.join-company strong{color:var(--text-primary);font-weight:600}.join-form{padding:32px;display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column}.form-group label{color:var(--text-secondary);font-weight:500;margin-bottom:8px;font-size:13px}.form-group input{padding:12px 16px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:15px;font-family:var(--font-family);background:var(--bg-surface);color:var(--text-primary);transition:var(--transition)}.form-group input::placeholder{color:var(--text-tertiary)}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.form-group input:disabled{background:var(--bg-subtle);color:var(--text-tertiary);cursor:not-allowed}.join-footer{padding:24px 32px;background:var(--bg-subtle);border-top:1px solid var(--border-light);text-align:center}.wallet-selector-group{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.wallet-selector-label{color:var(--text-secondary);font-weight:500;font-size:13px}.wallet-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wallet-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.wallet-option:hover{border-color:var(--border-medium);background:var(--bg-hover)}.wallet-option.active{background:var(--bg-app);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.wallet-option svg{color:var(--text-tertiary);transition:color .2s ease}.wallet-option.active svg{color:var(--accent)}.wallet-option span{font-size:14px;font-weight:600;color:var(--text-secondary)}.wallet-option.active span{color:var(--text-primary)}@media (max-width: 640px){.join-container{padding:0;background:var(--bg-surface)}.join-card{border:none;border-radius:0;box-shadow:none;min-height:100vh}.join-header{padding:48px 24px 24px;border-bottom:none}.join-form{padding:24px}.form-row{grid-template-columns:1fr}.join-footer{background:transparent;padding:24px}}:root{--primary: #0052CC;--primary-dark: #003399;--primary-light: #E3F2FD;--neutral: #F8F9FA;--neutral-dark: #E9ECEF}.loading-container{display:flex;opacity:1;justify-content:center;align-items:center;min-height:100vh;background:var(--bg-app)}.loading-message{color:var(--text-secondary);font-size:16px;font-weight:500}.loading-spinner{display:inline-block;width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--text-primary);border-radius:50%;animation:spin .8s linear infinite;margin-right:var(--space-3)}.error-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--bg-app);padding:var(--space-4)}.error-card{background:var(--bg-surface);border:1px solid var(--error-border);border-radius:var(--radius-lg);padding:var(--space-8);max-width:500px;width:100%;text-align:center}.error-title{color:var(--error-text);font-size:24px;margin:0 0 var(--space-4) 0;font-weight:700}.error-message{color:var(--error-text);font-size:14px;margin:0 0 var(--space-4) 0;line-height:1.6}@media (max-width: 480px){.loading-container,.error-container{min-height:100vh;padding:var(--space-2)}.error-card{padding:var(--space-6) var(--space-4)}}:root{--bg-app: #F5F5F7;--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-subtle: #F0F0F3;--bg-hover: #E8E8EC;--bg-dark: #1D1D1F;--border-light: #E2E2E7;--border-medium: #C7C7CC;--border-dark: #8E8E93;--text-primary: #1D1D1F;--text-secondary: #6E6E73;--text-tertiary: #AEAEB2;--text-inverse: #FFFFFF;--accent: #007AFF;--accent-hover: #0066D6;--accent-light: rgba(0, 122, 255, .08);--success-bg: #E8F8EF;--success-text: #1B7A3D;--success-border: #B8E6C8;--error-bg: #FDEAEA;--error-text: #C53030;--error-border: #F5B4B4;--warning-bg: #FFF8E6;--warning-text: #92610E;--warning-border: #FFE0A3;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 12px 40px rgba(0,0,0,.12);--shadow-xl: 0 24px 60px rgba(0,0,0,.16);--shadow-focus: 0 0 0 4px rgba(0, 122, 255, .2);--transition: all .18s cubic-bezier(.25, .1, .25, 1);--transition-slow: all .35s cubic-bezier(.25, .1, .25, 1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-app);color:var(--text-primary);line-height:1.6}a{color:var(--accent);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent-hover)}::selection{background:#007aff26;color:var(--text-primary)}h1{font-size:28px;font-weight:700;letter-spacing:-.03em;margin-bottom:var(--space-4);color:var(--text-primary)}h2{font-size:22px;font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-3);color:var(--text-primary)}h3{font-size:17px;font-weight:600;margin-bottom:var(--space-2);color:var(--text-primary)}p{font-size:15px;color:var(--text-secondary);margin-bottom:var(--space-3);line-height:1.6}small{font-size:13px;color:var(--text-tertiary)}.btn-primary,button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;background:var(--bg-dark);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.btn-primary:hover,button[type=submit]:hover{background:#2c2c2e;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active,button[type=submit]:active{transform:translateY(0)}.btn-primary:disabled,button[type=submit]:disabled{background:var(--border-light);color:var(--text-tertiary);cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:14px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:var(--transition)}.btn-secondary:hover{background:var(--bg-subtle);border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;background:var(--bg-surface);color:var(--error-text);border:1px solid var(--error-border);border-radius:var(--radius-sm);font-size:14px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:var(--transition)}.btn-danger:hover{background:var(--error-bg);border-color:var(--error-text)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:13px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:var(--transition)}.btn-outline:hover{color:var(--text-primary);border-color:var(--border-medium);background:var(--bg-subtle)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:6px;background:transparent;color:var(--text-tertiary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-subtle)}.btn-small{padding:6px 12px;font-size:13px}label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],textarea,select{width:100%;min-height:44px;padding:10px 14px;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:15px;font-family:var(--font-family);transition:var(--transition)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:32px;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236E6E73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:18px}.card,.dashboard-content,.login-container{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.dashboard-container{max-width:1100px;margin:0 auto;padding:var(--space-8) var(--space-6)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-light)}.dashboard-header h1{margin-bottom:0}.tabs{display:flex;gap:4px;margin-bottom:var(--space-6);background:var(--bg-subtle);border-radius:var(--radius-md);padding:4px}.tab{background:transparent;border:none;padding:10px 18px;color:var(--text-secondary);font-weight:500;font-size:14px;cursor:pointer;transition:var(--transition);border-radius:var(--radius-sm);display:flex;align-items:center;gap:8px;font-family:var(--font-family)}.tab:hover{color:var(--text-primary);background:#fff9}.tab.active{color:var(--text-primary);background:var(--bg-surface);box-shadow:var(--shadow-sm);font-weight:600}.tab-content{display:none}.tab-content.active{display:block;animation:fadeSlideUp .25s ease-out}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}.modal-content{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1) forwards}.modal-header{padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:18px}.modal-body{padding:0 24px 24px}.modal-footer{padding:16px 24px;background:var(--bg-subtle);border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:var(--space-3);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.modal-close{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-tertiary);transition:var(--transition);padding:0;border-radius:var(--radius-sm)}.modal-close:hover{color:var(--text-primary);background:var(--bg-subtle)}table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}thead{background:var(--bg-subtle)}th{padding:12px 16px;text-align:left;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border-bottom:1px solid var(--border-light)}th:first-child{border-radius:var(--radius-sm) 0 0 0}th:last-child{border-radius:0 var(--radius-sm) 0 0}td{padding:14px 16px;border-bottom:1px solid var(--border-light);color:var(--text-primary)}tbody tr{transition:var(--transition)}tbody tr:hover{background:var(--bg-subtle)}.action-buttons{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;border-radius:var(--radius-full)}.badge.success{background:var(--success-bg);color:var(--success-text)}.badge.error{background:var(--error-bg);color:var(--error-text)}.alert{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;margin-bottom:var(--space-4);border:1px solid transparent;animation:fadeSlideUp .25s ease-out}.alert.success{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.alert.error{background:var(--error-bg);color:var(--error-text);border-color:var(--error-border)}.alert.warning{background:var(--warning-bg);color:var(--warning-text);border-color:var(--warning-border)}.alert-close{background:none;border:none;color:inherit;cursor:pointer;opacity:.6;margin-left:auto;display:flex}.alert-close:hover{opacity:1}.error-message{color:var(--error-text);font-size:13px;margin-top:-4px;margin-bottom:var(--space-4)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.dashboard-container{padding:var(--space-4)}.tabs{flex-wrap:wrap}.tab{font-size:13px;padding:8px 14px}}@media (max-width: 640px){.card,.login-container{padding:var(--space-6)}h1{font-size:22px}h2{font-size:18px}}