*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #0b0e14;--color-bg-elevated: #11151f;--color-border: #1f2530;--color-text-primary: #e8eaed;--color-text-secondary: #9aa3b2;--color-accent: #5b8cff;--color-accent-hover: #7da3ff;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html,body{height:100%;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.container{max-width:1100px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-title{font-size:2rem;font-weight:700;margin-bottom:8px}.section-subtitle{color:var(--color-text-secondary);margin-bottom:48px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;border:none;font-weight:600;font-size:.95rem;transition:all .2s ease}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover)}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-outline:hover{border-color:var(--color-accent)}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;padding:24px}input,textarea{font-family:inherit;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-primary);padding:12px 14px;border-radius:8px;font-size:.95rem;width:100%}input:focus,textarea:focus{outline:none;border-color:var(--color-accent)}label{display:block;font-size:.85rem;color:var(--color-text-secondary);margin-bottom:6px;margin-top:16px}.editor h2{font-size:1.4rem;font-weight:700;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-bottom:32px}.form-grid label.inline{display:flex;align-items:center;gap:8px;margin-top:16px;color:var(--color-text-primary);font-size:.9rem}.checkbox-row{display:flex;align-items:flex-end}.checkbox-row input[type=checkbox]{width:auto}.actions{display:flex;gap:12px;margin-top:24px}.list{display:flex;flex-direction:column;gap:12px}.list-item{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.list-item .muted{color:var(--color-text-secondary);margin-top:4px}.list-item .muted.small{font-size:.8rem}.item-actions .btn{padding:8px 12px}.message-item{cursor:pointer}.message-item.unread{border-color:var(--color-accent)}.message-header{display:flex;align-items:center;gap:10px}.badge{background:var(--color-accent);color:#fff;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:999px;letter-spacing:.5px}.message-body{margin-top:10px;color:var(--color-text-primary);white-space:pre-wrap}@media (max-width: 600px){.form-grid{grid-template-columns:1fr}}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.panel-header h2{font-size:1.5rem;font-weight:800}.panel-header p{color:var(--color-text-secondary);font-size:.9rem;margin-top:4px}.item-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.item-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.item-row-title{font-weight:600;font-size:.95rem}.item-row-subtitle{color:var(--color-text-secondary);font-size:.85rem}.item-actions{display:flex;gap:8px;flex-shrink:0}.icon-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary)}.icon-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.icon-btn.danger:hover{border-color:#f87171;color:#f87171}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid .full-width{grid-column:1 / -1}.form-actions{display:flex;gap:12px;margin-top:24px}.checkbox-row{display:flex;align-items:center;gap:8px;margin-top:16px}.checkbox-row input{width:auto}.checkbox-row label{margin:0}.empty-list{color:var(--color-text-secondary);font-style:italic;font-size:.9rem;padding:16px 0}.save-toast{color:#4ade80;font-size:.85rem;margin-top:12px}.loading-state{display:flex;align-items:center;gap:12px;color:var(--color-text-secondary);padding:40px 0;font-size:.95rem}.alert{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:8px;font-size:.9rem;margin-bottom:20px}.alert-warning{background:#fbbf2414;border:1px solid rgba(251,191,36,.3);color:#fbbf24}.required{color:#f87171;margin-left:2px}.form-actions{display:flex;align-items:center;gap:16px;margin-top:28px}.image-preview{margin-top:12px;width:80px;height:80px;border-radius:50%;overflow:hidden;border:2px solid var(--color-border)}.image-preview img{width:100%;height:100%;object-fit:cover}[data-anim]{opacity:0;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}[data-anim=fade-up]{transform:translateY(32px)}[data-anim=fade-left]{transform:translate(-32px)}[data-anim=fade-right]{transform:translate(32px)}[data-anim=scale-in]{transform:scale(.92)}[data-anim].is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){[data-anim]{opacity:1!important;transform:none!important;transition:none!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0b0e14}::-webkit-scrollbar-thumb{background:#2d3348;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#5b8cff}html{scroll-behavior:smooth}::selection{background:#5b8cff40;color:#e8eaed}.btn-primary-glow{display:inline-flex;align-items:center;gap:8px;background:#5b8cff;color:#fff;padding:14px 28px;border-radius:10px;font-weight:600;font-size:15px;text-decoration:none;border:none;cursor:pointer;box-shadow:0 4px 24px #5b8cff59;transition:all .25s cubic-bezier(.22,1,.36,1)}.btn-primary-glow:hover{background:#7da3ff;transform:translateY(-2px);box-shadow:0 8px 32px #5b8cff80}.btn-primary-glow:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary-glow.full-width{width:100%;justify-content:center}.btn-outline-dark{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#e8eaed;padding:14px 28px;border-radius:10px;font-weight:600;font-size:15px;text-decoration:none;border:1px solid #2d3348;transition:all .25s cubic-bezier(.22,1,.36,1)}.btn-outline-dark:hover{border-color:#5b8cff;color:#5b8cff;transform:translateY(-2px)}.glow-card{background:#0d1017cc;border:1px solid #1f2530;border-radius:16px;padding:26px 28px;transition:all .3s cubic-bezier(.22,1,.36,1);backdrop-filter:blur(8px)}.glow-card:hover{border-color:#5b8cff4d;transform:translateY(-4px);box-shadow:0 12px 40px #5b8cff1a}.glow-card h3{font-size:20px;font-weight:700;margin-bottom:8px}.card-accent{font-size:13px;font-weight:600;margin-bottom:12px}.card-sub{font-size:14px;color:#9aa3b2;margin-bottom:16px}.card-footer{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#9aa3b2;flex-wrap:wrap;gap:8px}.grade-badge{color:#34d399;font-weight:600}.section-eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:12px}.section-header{margin-bottom:60px}.section-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;margin-bottom:10px}.section-header p{color:#9aa3b2;font-size:16px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.date-badge{font-size:12px;color:#9aa3b2;background:#1a1f2e;padding:4px 12px;border-radius:99px;white-space:nowrap;flex-shrink:0}
