@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-elevated:#1a1f35;--color-primary:#6366f1;--color-primary-light:#818cf8;--color-primary-dark:#4f46e5;--color-accent:#06b6d4;--color-accent-light:#22d3ee;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-subtle:#1e293b;--border-strong:#334155;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:24px;--text-2xl:32px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--sidebar-width:260px;--header-height:64px;--transition:all 0.2s ease;--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.3);--shadow-lg:0 10px 25px -5px rgba(0,0,0,.4);--shadow-glow:0 0 20px rgba(99,102,241,.3)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:rgba(99,102,241,.3);color:var(--text-primary)}::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}a{color:var(--color-primary-light);text-decoration:none;transition:var(--transition)}a:hover{color:var(--color-primary)}.app-layout{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-width);height:100vh;background:rgba(17,24,39,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--border-subtle);z-index:1000;display:flex;flex-direction:column;transition:width .3s ease;overflow:hidden}.sidebar-collapsed{width:72px}.sidebar-header{padding:0 16px;display:flex;align-items:center;justify-content:space-between;height:var(--header-height);border-bottom:1px solid var(--border-subtle);gap:12px;flex-shrink:0}.sidebar-logo{font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;overflow:hidden;transition:var(--transition)}.sidebar-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:var(--transition);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.sidebar-toggle:hover{color:var(--text-primary);background:var(--bg-elevated)}.sidebar-nav{flex:1 1;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;transition:var(--transition);font-size:var(--text-sm);font-weight:500;white-space:nowrap;cursor:pointer}.sidebar-link:hover{background:var(--bg-elevated);color:var(--text-primary)}.sidebar-link.active{background:rgba(99,102,241,.15);color:var(--color-primary-light);font-weight:600}.sidebar-link .icon{font-size:20px;min-width:20px;text-align:center;flex-shrink:0}.sidebar-link .label{overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:16px;border-top:1px solid var(--border-subtle);flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius-sm);overflow:hidden}.sidebar-user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-sm);color:#fff;flex-shrink:0}.sidebar-user-info{overflow:hidden}.sidebar-user-name{font-size:var(--text-sm);font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sidebar-user-role{font-size:var(--text-xs);color:var(--text-muted)}.main-content{flex:1 1;margin-left:var(--sidebar-width);transition:margin .3s ease;min-height:100vh}.main-content.sidebar-is-collapsed{margin-left:72px}.header{height:var(--header-height);background:rgba(17,24,39,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-title{font-size:20px;font-weight:600}.header-actions{display:flex;gap:12px;align-items:center}.page-content{padding:24px;max-width:1400px}.card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:24px;transition:var(--transition)}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.card-glass{background:rgba(17,24,39,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(99,102,241,.1);border-radius:var(--radius-md);padding:24px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title{font-size:var(--text-lg);font-weight:600}.card-description{font-size:var(--text-sm);color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:20px;gap:20px;margin-bottom:24px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;position:relative;overflow:hidden;transition:var(--transition)}.stat-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,var(--color-primary),var(--color-accent));border-radius:0 4px 4px 0}.stat-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.stat-icon{font-size:24px;margin-bottom:8px}.stat-value{font-size:var(--text-2xl);font-weight:700;margin:4px 0;background:linear-gradient(135deg,var(--text-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.stat-change{font-size:13px;display:flex;align-items:center;gap:4px;margin-top:4px}.stat-change.positive{color:var(--color-success)}.stat-change.negative{color:var(--color-error)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:var(--transition);border:none;font-family:inherit;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--border-subtle)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){opacity:.9}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:12px 24px;font-size:var(--text-base)}.btn-icon{padding:8px;aspect-ratio:1}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:500;margin-bottom:6px;color:var(--text-secondary)}.form-input,.form-label{font-size:var(--text-sm)}.form-input{width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);transition:var(--transition);font-family:inherit}.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.2)}.form-input.error{border-color:var(--color-error)}.form-select{width:100%;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);transition:var(--transition);font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding:10px 36px 10px 14px}.form-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.2)}.form-textarea{width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);transition:var(--transition);font-family:inherit;resize:vertical;min-height:100px}.form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.2)}.form-hint{color:var(--text-muted)}.form-error,.form-hint{font-size:var(--text-xs);margin-top:4px}.form-error{color:var(--color-error)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.form-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--text-sm)}.form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}table.table{width:100%;border-collapse:collapse}.table thead{background:var(--bg-elevated)}.table th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600;white-space:nowrap}.table td,.table th{padding:12px 16px;border-bottom:1px solid var(--border-subtle)}.table td{font-size:var(--text-sm);vertical-align:middle}.table tbody tr{transition:var(--transition)}.table tbody tr:hover{background:var(--bg-elevated)}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;white-space:nowrap}.badge-success{background:rgba(16,185,129,.15);color:#34d399}.badge-error{background:rgba(239,68,68,.15);color:#f87171}.badge-warning{background:rgba(245,158,11,.15);color:#fbbf24}.badge-info{background:rgba(59,130,246,.15);color:#60a5fa}.badge-default{background:rgba(148,163,184,.15);color:#94a3b8}.badge-primary{background:rgba(99,102,241,.15);color:#a5b4fc}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.modal{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;width:90%;max-width:560px;max-height:85vh;overflow-y:auto;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:20px;font-weight:600}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:24px;padding:4px;line-height:1;transition:var(--transition)}.modal-close:hover{color:var(--text-primary)}.modal-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-subtle)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.pagination-info{font-size:var(--text-sm);color:var(--text-secondary)}.pagination-buttons{display:flex;gap:4px}.pagination-btn{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:6px 12px;font-size:var(--text-sm);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);min-width:36px;display:flex;align-items:center;justify-content:center;font-family:inherit}.pagination-btn:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.pagination-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.search-input{flex:1 1;min-width:240px}.filter-group{display:flex;gap:8px;align-items:center}.toast-container{position:fixed;top:20px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 20px;border-radius:var(--radius-sm);font-size:var(--text-sm);display:flex;align-items:center;gap:12px;animation:slideInRight .3s ease;min-width:320px;box-shadow:var(--shadow-lg);cursor:pointer;transition:var(--transition)}.toast:hover{transform:translateX(-4px)}.toast-success{background:#065f46;border:1px solid #10b981;color:#d1fae5}.toast-error{background:#7f1d1d;border:1px solid #ef4444;color:#fee2e2}.toast-info{background:#1e3a5f;border:1px solid #3b82f6;color:#dbeafe}.toast-dismiss{background:none;border:none;color:inherit;opacity:.7;cursor:pointer;font-size:18px;margin-left:auto;padding:0 4px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1f35 0,#0a0e1a 70%);position:relative;overflow:hidden}.login-page:before{width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.08) 0,transparent 70%);top:-200px;right:-200px}.login-page:after,.login-page:before{content:"";position:absolute;pointer-events:none}.login-page:after{width:400px;height:400px;background:radial-gradient(circle,rgba(6,182,212,.06) 0,transparent 70%);bottom:-100px;left:-100px}.login-card{width:100%;max-width:420px;padding:40px;background:rgba(17,24,39,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(99,102,241,.15);border-radius:var(--radius-lg);position:relative;z-index:1}.login-logo{text-align:center;margin-bottom:32px}.login-title{font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:8px}.login-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#f87171;padding:10px 14px;border-radius:var(--radius-sm);font-size:var(--text-sm);margin-bottom:20px;text-align:center}.empty-state{text-align:center;padding:60px 20px}.empty-state-icon{font-size:48px;color:var(--text-muted);margin-bottom:16px}.empty-state-title{font-size:var(--text-lg);font-weight:600;margin-bottom:8px}.empty-state-description{font-size:var(--text-sm);color:var(--text-secondary);max-width:400px;margin:0 auto}.spinner{width:24px;height:24px;border:3px solid var(--border-subtle);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.page-loading{min-height:400px}.page-loading,.steps{display:flex;align-items:center;justify-content:center}.steps{gap:8px;margin-bottom:32px}.step{gap:8px}.step,.step-number{display:flex;align-items:center}.step-number{width:32px;height:32px;border-radius:var(--radius-full);justify-content:center;font-size:var(--text-sm);font-weight:600;border:2px solid var(--border-strong);color:var(--text-muted);transition:var(--transition)}.step.active .step-number{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.step.completed .step-number{background:var(--color-success);border-color:var(--color-success);color:#fff}.step-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.step.active .step-label{color:var(--text-primary)}.step-divider{width:40px;height:2px;background:var(--border-strong)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:20px;gap:20px}.template-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;transition:var(--transition);cursor:pointer;display:flex;flex-direction:column}.template-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.template-content-preview{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;flex:1 1;margin:12px 0;padding:12px;background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);overflow:hidden;max-height:120px}.template-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle)}.chat-select-list{max-height:400px;overflow-y:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.chat-select-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border-subtle);transition:var(--transition);cursor:pointer}.chat-select-item:last-child{border-bottom:none}.chat-select-item:hover{background:var(--bg-elevated)}.chat-select-item.selected{background:rgba(99,102,241,.1)}.progress-bar{width:100%;height:8px;background:var(--bg-primary);overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width .5s ease}.schedule-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.schedule-option{padding:16px;border:2px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:center}.schedule-option:hover{border-color:var(--border-strong)}.schedule-option.selected{border-color:var(--color-primary);background:rgba(99,102,241,.1)}.schedule-option-icon{font-size:24px;margin-bottom:8px}.schedule-option-label{font-size:var(--text-sm);font-weight:600}.schedule-option-desc{font-size:var(--text-xs);color:var(--text-muted);margin-top:4px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.detail-label{font-size:var(--text-sm);color:var(--text-secondary)}.detail-value{font-size:var(--text-sm);font-weight:500}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:768px){.sidebar{width:72px}.sidebar .label,.sidebar-user-info{display:none}.sidebar-logo{font-size:0}.main-content{margin-left:72px}.form-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.detail-grid,.templates-grid{grid-template-columns:1fr}.page-content{padding:16px}.toolbar{flex-direction:column;align-items:stretch}.search-input{min-width:auto}}