@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Roboto:wght@400;500;700;900&display=swap";:root{--color-primary: #DB1671;--color-primary-dark: #b31059;--color-primary-light: #e8439a;--color-secondary: #60BEEC;--color-accent: #ef893a;--gradient-brand: linear-gradient(135deg, #ef893a, #ea638c);--color-bg-deep: #151515;--color-bg-main: #1e1e1e;--color-bg-card: rgba(255,255,255,.04);--color-bg-card-hover: rgba(255,255,255,.07);--color-text-main: #f0f0f0;--color-text-muted: #888899;--color-border: rgba(219,22,113,.2);--color-border-subtle: rgba(255,255,255,.07);--color-surface-header: rgba(21,21,21,.97);--color-surface-sidebar: rgba(21,21,21,.95);--color-input-bg: rgba(255,255,255,.06);--color-success: #2ecc71;--color-danger: #e74c3c;--color-warning: #f39c12;--color-info: #60BEEC;--color-glow: 219,22,113;--radius-card: 16px;--radius-btn: 8px;--shadow-primary: 0 4px 24px rgba(219,22,113,.15);--shadow-card: 0 2px 16px rgba(0,0,0,.3);--transition: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Poppins,sans-serif;background:var(--color-bg-deep);color:var(--color-text-main);min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5{font-family:Roboto,sans-serif;color:var(--color-primary-light);line-height:1.2}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-light)}.app-layout{display:grid;grid-template-columns:260px 1fr;grid-template-rows:auto 1fr;min-height:100vh}.app-layout.no-sidebar{grid-template-columns:1fr}.main-content{padding:2rem;background:var(--color-bg-main);min-height:calc(100vh - 60px);min-width:0}@media (max-width: 768px){.app-layout{grid-template-columns:1fr}.main-content{padding:1rem}}.card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);padding:1.5rem;box-shadow:var(--shadow-card);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary);border-color:#db16714d}.card-accent{border-left:3px solid var(--color-primary)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.4rem;border-radius:var(--radius-btn);border:none;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;transition:all var(--transition)}.btn-primary{background:var(--gradient-brand);color:#fff;font-weight:600;box-shadow:0 2px 12px #ef893a4d}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 20px #ea638c73}.btn-secondary{background:transparent;color:var(--color-primary);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);background:#db167114}.btn-blue{background:linear-gradient(135deg,var(--color-secondary),#3fa8d8);color:#0f0f18;font-weight:600}.btn-blue:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,var(--color-accent),#d4762e);color:#fff;font-weight:600}.btn-accent:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#c0392b}.btn-ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border-subtle)}.btn-ghost:hover{color:var(--color-text-main);border-color:#fff3}.btn-sm{padding:.4rem .9rem;font-size:.8rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.4rem;font-size:.85rem;color:var(--color-text-muted);font-weight:500}.form-input,.form-select,.form-textarea{width:100%;padding:.65rem 1rem;background:var(--color-input-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-btn);color:var(--color-text-main);font-family:Poppins,sans-serif;font-size:.9rem;transition:border-color var(--transition),box-shadow var(--transition);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #db167126}.form-select option{background:var(--color-bg-main)}.form-textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.badge{display:inline-block;padding:.25rem .65rem;border-radius:20px;font-size:.72rem;font-weight:600;letter-spacing:.03em}.badge-primary{background:#db167126;color:var(--color-primary-light);border:1px solid rgba(219,22,113,.3)}.badge-blue{background:#60beec26;color:var(--color-secondary);border:1px solid rgba(96,190,236,.3)}.badge-accent{background:#ef893a26;color:var(--color-accent);border:1px solid rgba(239,137,58,.3)}.badge-green{background:#2ecc7126;color:var(--color-success)}.badge-red{background:#e74c3c26;color:var(--color-danger)}.badge-gray{background:#ffffff14;color:var(--color-text-muted)}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{text-align:left;padding:.75rem 1rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);border-bottom:1px solid var(--color-border);font-weight:600}tbody td{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);font-size:.9rem}tbody tr:hover{background:#db16710d}.alert{padding:.85rem 1.25rem;border-radius:var(--radius-btn);margin-bottom:1rem;font-size:.9rem}.alert-error{background:#e74c3c1f;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.alert-success{background:#2ecc711f;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.alert-info{background:#60beec1f;color:var(--color-secondary);border:1px solid rgba(96,190,236,.3)}.alert-warning{background:#f39c121f;color:var(--color-warning);border:1px solid rgba(243,156,18,.3)}.progress-bar{width:100%;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:4px;transition:width .6s ease}.loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f18d9;display:flex;align-items:center;justify-content:center;z-index:9999}.spinner{width:48px;height:48px;border:3px solid rgba(219,22,113,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-box{background:var(--color-bg-main);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:2rem;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.modal-title{font-size:1.2rem;color:var(--color-primary-light);margin:0}.modal-close{background:none;border:none;color:var(--color-text-muted);font-size:1.4rem;cursor:pointer;padding:.2rem}.modal-close:hover{color:var(--color-text-main)}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-deep)}::-webkit-scrollbar-thumb{background:#db167159;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#db16718c}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.p-1{padding:.5rem}.p-2{padding:1rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.w-full{width:100%}.page-title{font-size:1.8rem;margin-bottom:1.5rem}.section-title{font-size:1.2rem;margin-bottom:1rem}.divider{height:1px;background:var(--color-border-subtle);margin:1.5rem 0}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;transition:all var(--transition)}.stat-card:hover{border-color:#db167159;transform:translateY(-1px)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.stat-icon-primary{background:#db167126}.stat-icon-blue{background:#60beec26}.stat-icon-accent{background:#ef893a26}.stat-icon-green{background:#2ecc7126}.stat-value{font-size:1.8rem;font-weight:700;color:var(--color-primary-light);line-height:1}.stat-label{font-size:.8rem;color:var(--color-text-muted);margin-top:.2rem}@media (min-width: 769px) and (max-width: 1024px){.app-layout{grid-template-columns:220px 1fr}.main-content{padding:1.5rem}.grid-2{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.grid-3{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem}.page-title{font-size:1.55rem}}@media (max-width: 768px){.page-title{font-size:1.3rem;margin-bottom:1rem}.section-title{font-size:1rem}.card{padding:1rem;border-radius:12px}.grid-2,.grid-3{grid-template-columns:1fr;gap:.75rem}.grid-4{grid-template-columns:1fr 1fr;gap:.75rem}.flex{flex-wrap:wrap}.justify-between{gap:.5rem}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}thead th,tbody td{padding:.6rem .65rem;font-size:.82rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%;justify-content:center}.modal-box{margin:.5rem;max-height:95vh;border-radius:12px;padding:1.25rem}.btn{font-size:.85rem;padding:.55rem 1rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.stat-value{font-size:1.4rem}}[data-theme=light]{--color-bg-deep: #f5f5f8;--color-bg-main: #ffffff;--color-bg-card: #ffffff;--color-text-main: #1a1a2e;--color-text-muted: #666680;--color-border-subtle: rgba(0,0,0,.08);--color-input-bg: rgba(0,0,0,.04);--color-surface-header: rgba(255,255,255,.97);--color-surface-sidebar: rgba(245,245,248,.98)}[data-theme=light] .card{box-shadow:0 2px 12px #00000014}[data-theme=light] thead th{border-bottom-color:#db167133}[data-theme=light] tbody td{border-bottom-color:#0000000f}[data-theme=light] ::-webkit-scrollbar-track{background:#f0f0f5}