*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none}:root{--bg:#f7f8fa;--surface:#fff;--surface-raised:#fff;--surface-overlay:#fffffff5;--border:#e4e7ed;--border-light:#f0f2f7;--border-strong:#cdd1db;--at-blue:#2e56a6;--at-blue-600:#2449a0;--at-blue-700:#1a3880;--at-blue-50:#f0f5ff;--at-blue-100:#e0ecff;--at-blue-light:#ebf0fc;--at-red:#dc2626;--at-red-50:#fff5f5;--at-red-100:#ffe0e0;--at-red-light:#ffe0e0;--at-green:#059669;--at-green-50:#f0fdf9;--at-green-100:#d1fae5;--at-green-light:#d1fae5;--at-yellow:#d97706;--at-yellow-50:#fffbeb;--at-yellow-100:#fef3c7;--at-yellow-light:#fef3c7;--text-primary:#111827;--text-secondary:#374151;--text-tertiary:#6b7280;--text-muted:#9ca3af;--text-inverse:#fff;--sidebar-bg:#0f172a;--sidebar-border:#ffffff0f;--sidebar-text:#ffffffa6;--sidebar-text-active:#fff;--sidebar-item-hover:#ffffff0f;--sidebar-item-active:#2e56a640;--sidebar-item-active-border:#2e56a6;--shadow-xs:0 1px 2px #1118270f;--shadow-sm:0 1px 3px #11182714, 0 1px 2px #1118270a;--shadow-md:0 4px 8px #1118270f, 0 2px 4px #1118270a;--shadow-lg:0 12px 24px #11182714, 0 4px 8px #1118270a;--shadow-xl:0 24px 48px #1118271a, 0 8px 16px #1118270f;--shadow-blue:0 4px 16px #2e56a633;--shadow-blue-lg:0 8px 32px #2e56a640;--shadow-card:0 0 0 1px var(--border), 0 2px 4px #1118270a;--shadow-card-hover:0 0 0 1px var(--at-blue), 0 8px 24px #2e56a61f;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-pill:9999px;--ease-fast:.12s cubic-bezier(.4, 0, .2, 1);--ease-base:.2s cubic-bezier(.4, 0, .2, 1);--ease-slow:.35s cubic-bezier(.4, 0, .2, 1);--ease-spring:.3s cubic-bezier(.34, 1.56, .64, 1);--transition-fast:var(--ease-fast);--transition-base:var(--ease-base);--transition-slow:var(--ease-slow);--at-dark:#111827;--at-gray:var(--bg)}html{font-size:15px}body{color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6}#app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 32px}.page-title{color:var(--text-primary);letter-spacing:-.02em;font-size:22px;font-weight:800}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:14px}.btn{border-radius:var(--radius-md);letter-spacing:-.01em;transition:all var(--ease-fast);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;outline:none;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--at-blue);color:var(--text-inverse);padding:10px 20px;box-shadow:0 1px 2px #00000026,inset 0 1px #ffffff1a}.btn-primary:hover:not(:disabled){background:var(--at-blue-600);box-shadow:var(--shadow-blue)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1.5px solid var(--border-strong);box-shadow:var(--shadow-xs);padding:10px 20px}.btn-secondary:hover:not(:disabled){border-color:var(--at-blue);color:var(--at-blue);background:var(--at-blue-50)}.btn-secondary:active:not(:disabled){transform:translateY(1px)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:10px 16px}.btn-ghost:hover:not(:disabled){background:var(--border-light);color:var(--text-primary)}.btn-danger{background:var(--at-red);color:var(--text-inverse);padding:10px 20px;box-shadow:0 1px 2px #00000026}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:active:not(:disabled){transform:translateY(1px)}.btn-success{background:var(--at-green);color:var(--text-inverse);padding:10px 20px;box-shadow:0 1px 2px #00000026}.btn-success:hover:not(:disabled){background:#047857}.btn-sm{border-radius:var(--radius-sm);padding:7px 14px;font-size:13px}.btn-lg{border-radius:var(--radius-lg);padding:13px 28px;font-size:15px}.btn-xl{border-radius:var(--radius-lg);padding:16px 36px;font-size:16px}.btn-block{justify-content:center;width:100%}.card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:24px}.card-interactive{transition:border-color var(--ease-fast), box-shadow var(--ease-fast), transform var(--ease-base);cursor:pointer}.card-interactive:hover{border-color:var(--at-blue);box-shadow:0 0 0 4px var(--at-blue-50), var(--shadow-lg);transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.card-title{color:var(--text-primary);letter-spacing:-.01em;font-size:16px;font-weight:700}.card-subtitle{color:var(--text-muted);margin-top:2px;font-size:13px}.form-group{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.form-group:last-child{margin-bottom:0}.form-label{color:var(--text-secondary);letter-spacing:.01em;font-size:13px;font-weight:600}.form-control{border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:var(--surface);transition:border-color var(--ease-fast), box-shadow var(--ease-fast);appearance:none;outline:none;padding:11px 14px;font-size:15px}.form-control::placeholder{color:var(--text-muted)}.form-control:focus{border-color:var(--at-blue);box-shadow:0 0 0 3px var(--at-blue-100)}.form-control:disabled{background:var(--border-light);color:var(--text-muted);cursor:not-allowed}.form-control.is-error{border-color:var(--at-red);box-shadow:0 0 0 3px var(--at-red-100)}.form-error{color:var(--at-red);font-size:12px;font-weight:500}.form-hint{color:var(--text-tertiary);font-size:12px}textarea.form-control{resize:vertical;min-height:100px}select.form-control{cursor:pointer;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='%236B7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.badge{border-radius:var(--radius-pill);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{background:var(--at-green-50);color:#065f46;border:1px solid var(--at-green-100)}.badge-danger{background:var(--at-red-50);color:#991b1b;border:1px solid var(--at-red-100)}.badge-warning{background:var(--at-yellow-50);color:#92400e;border:1px solid var(--at-yellow-100)}.badge-info{background:var(--at-blue-50);color:var(--at-blue);border:1px solid var(--at-blue-100)}.badge-neutral{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}thead{background:#fafbfc}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);white-space:nowrap;padding:11px 16px;font-size:11px;font-weight:700}td{border-bottom:1px solid var(--border-light);color:var(--text-secondary);padding:13px 16px}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#fafbff}.alert{border-radius:var(--radius-md);align-items:flex-start;gap:10px;padding:12px 16px;font-size:14px;line-height:1.5;display:flex}.alert-success{background:var(--at-green-50);color:#065f46;border-left:3px solid var(--at-green)}.alert-danger{background:var(--at-red-50);color:#991b1b;border-left:3px solid var(--at-red)}.alert-warning{background:var(--at-yellow-50);color:#92400e;border-left:3px solid var(--at-yellow)}.alert-info{background:var(--at-blue-50);color:var(--at-blue-600);border-left:3px solid var(--at-blue)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.65s linear infinite spin;display:inline-block}.spinner-blue{border-color:#2e56a633;border-top-color:var(--at-blue)}@keyframes spin{to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity var(--ease-base)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:opacity var(--ease-base), transform var(--ease-base)}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(8px)}.slide-down-enter-active,.slide-down-leave-active{transition:opacity var(--ease-base), transform var(--ease-base)}.slide-down-enter-from,.slide-down-leave-to{opacity:0;transform:translateY(-8px)}.scale-enter-active,.scale-leave-active{transition:opacity var(--ease-base), transform var(--ease-spring)}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.95)}.divider{background:var(--border);height:1px;margin:24px 0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--at-blue);border-radius:var(--radius-pill);opacity:.6}::-webkit-scrollbar-thumb:hover{background:var(--at-blue-600)}*{scrollbar-width:thin;scrollbar-color:var(--at-blue) transparent}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-base{font-size:15px}.text-lg{font-size:18px}.text-xl{font-size:22px}.text-2xl{font-size:28px}.text-3xl{font-size:36px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-brand{color:var(--at-blue)}.text-danger{color:var(--at-red)}.text-success{color:var(--at-green)}.text-warning{color:var(--at-yellow)}.text-inverse{color:var(--text-inverse)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.06em}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.grid{display:grid}.w-full{width:100%}.h-full{height:100%}.w-auto{width:auto}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-pill)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}