*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#4f46e5;--primary-dark:#3730a3;--primary-light:#eef2ff;--secondary:#06b6d4;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--white:#fff;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014, 0 2px 6px #0000000a;--shadow-lg:0 10px 40px #0000001a, 0 4px 12px #0000000f;--nav-height:64px;--sidebar-width:260px}html{scroll-behavior:smooth;font-size:16px}body{color:var(--gray-800);background:var(--gray-50);font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}img{max-width:100%;display:block}ul{list-style:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{border-radius:var(--radius-md);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .18s;display:inline-flex}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e559}.btn-secondary{background:var(--white);color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary-light)}.btn-success{background:var(--success);color:var(--white)}.btn-success:hover{background:#059669}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover{background:#dc2626}.btn-ghost{color:var(--gray-600);background:0 0;padding:8px 14px}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-800)}.btn-lg{padding:14px 28px;font-size:1rem}.btn-sm{padding:6px 14px;font-size:.8rem}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.badge{border-radius:999px;align-items:center;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background:var(--primary-light);color:var(--primary)}.badge-success{color:#065f46;background:#d1fae5}.badge-warning{color:#92400e;background:#fef3c7}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.badge-free{color:#065f46;background:#d1fae5}.badge-paid{color:#5b21b6;background:#ede9fe}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--gray-700);font-size:.875rem;font-weight:600}.form-input{border:1.5px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-800);background:var(--white);outline:none;padding:10px 14px;font-size:.9rem;transition:border-color .15s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}.form-input::placeholder{color:var(--gray-400)}.form-textarea{resize:vertical;min-height:100px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236B7280' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-error{color:var(--danger);font-size:.8rem}.form-hint{color:var(--gray-500);font-size:.8rem}.progress-bar-wrap{background:var(--gray-200);border-radius:999px;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:999px;height:100%;transition:width .4s}.toast-container{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;top:80px;right:20px}.toast{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border-left:4px solid var(--primary);align-items:flex-start;gap:12px;min-width:300px;max-width:400px;padding:14px 18px;animation:.25s slideIn;display:flex}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-warning{border-left-color:var(--warning)}.toast-icon{flex-shrink:0;margin-top:1px;font-size:1.2rem}.toast-body{flex:1}.toast-title{color:var(--gray-800);font-size:.9rem;font-weight:600}.toast-msg{color:var(--gray-500);margin-top:2px;font-size:.82rem}.toast-close{cursor:pointer;color:var(--gray-400);background:0 0;border:none;padding:0;font-size:1rem;line-height:1}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;padding:24px 28px 0;display:flex}.modal-title{color:var(--gray-900);font-size:1.2rem;font-weight:700}.modal-close{background:var(--gray-100);cursor:pointer;width:32px;height:32px;color:var(--gray-600);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:background .15s;display:flex}.modal-close:hover{background:var(--gray-200)}.modal-body{padding:20px 28px 28px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tabs{border-bottom:2px solid var(--gray-200);gap:4px;margin-bottom:24px;display:flex}.tab-btn{color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .15s}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-btn:hover:not(.active){color:var(--gray-700)}.page-wrap{min-height:calc(100vh - var(--nav-height));max-width:1200px;margin:0 auto;padding:32px 24px}.page-title{color:var(--gray-900);margin-bottom:6px;font-size:1.75rem;font-weight:800}.page-subtitle{color:var(--gray-500);margin-bottom:32px;font-size:.95rem}.section-title{color:var(--gray-800);margin-bottom:16px;font-size:1.1rem;font-weight:700}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.page-wrap{padding:20px 16px}.page-title{font-size:1.4rem}.modal{border-radius:var(--radius-lg);max-width:100%}}.empty-state{text-align:center;color:var(--gray-500);padding:60px 24px}.empty-state-icon{margin-bottom:16px;font-size:3rem}.empty-state h3{color:var(--gray-700);margin-bottom:8px;font-size:1.1rem;font-weight:600}.empty-state p{max-width:320px;margin:0 auto 20px;font-size:.9rem}.divider{border:none;border-top:1px solid var(--gray-200);margin:24px 0}.avatar{object-fit:cover;background:var(--primary-light);color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.stat-card{flex-direction:column;gap:6px;padding:24px;display:flex}.stat-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;font-weight:600}.stat-value{color:var(--gray-900);font-size:2rem;font-weight:800}.stat-sub{color:var(--gray-500);font-size:.82rem}.stat-icon{margin-bottom:6px;font-size:1.5rem}