:root{--bg: #faf7f5;--panel: #ffffff;--ink: #2b2033;--ink-soft: #7a6c85;--line: #ece5ea;--accent: #ff5d7a;--accent-soft: #ffe4ea;--danger: #e5484d;--danger-soft: #ffe4e4;--radius: 14px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Nunito,sans-serif;background:var(--bg);color:var(--ink)}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--line);padding:1.2rem;display:flex;flex-direction:column;gap:1.2rem;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:.7rem}.logo-dot{font-size:1.6rem}.sidebar-brand h1{font-family:"Baloo 2",cursive;font-size:1.1rem}.sidebar-brand p{font-size:.75rem;color:var(--ink-soft);margin-top:.1rem}.sidebar-nav{display:flex;flex-direction:column;gap:.4rem}.nav-item{text-align:left;background:transparent;border:1px solid transparent;color:var(--ink-soft);font-weight:700;font-size:.9rem;padding:.65rem .9rem;border-radius:12px;cursor:pointer}.nav-item:hover{background:var(--accent-soft);color:var(--accent)}.nav-item.active{background:var(--ink);color:#fff;border-color:var(--ink)}.sidebar-footer{margin-top:auto}.main{padding:1.4rem;overflow-y:auto}.topbar{display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem}.topbar h2{font-family:"Baloo 2",cursive;font-size:1.3rem}.badge{background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:.72rem;padding:.25rem .6rem;border-radius:999px}.icon-btn{background:none;border:none;cursor:pointer;color:var(--ink-soft);font-size:1.2rem;padding:.2rem .4rem;display:none}.tab-panel{display:none}.tab-panel.active{display:block;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem}.stat-card h3{font-size:.8rem;color:var(--ink-soft);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.stat-card .value{font-family:"Baloo 2",cursive;font-size:2rem;margin-top:.3rem}.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th,.table td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--line);white-space:nowrap}.table th{color:var(--ink-soft);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;background:#fdf9f7}.table tr:last-child td{border-bottom:none}.table td{color:var(--ink)}.table .empty{color:var(--ink-soft);padding:1.5rem;text-align:center}.btn-sm{font-weight:700;font-size:.78rem;border-radius:8px;padding:.4rem .7rem;cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--ink)}.btn-sm:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:#ffc7c7}.btn-danger:hover{background:#ffdada}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#140a1499;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:#fff;border-radius:var(--radius);padding:1.6rem;width:100%;max-width:380px;box-shadow:0 20px 50px #3c1e2d40;position:relative}.modal h2{margin-bottom:.8rem}.modal .field{margin:.6rem 0}.field{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:700}.field input{font-family:inherit;font-weight:600;font-size:.92rem;padding:.6rem .75rem;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink)}.field input:focus{outline:2px solid var(--accent);outline-offset:1px}.modal-actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:.8rem}.modal-error{color:var(--danger);font-size:.85rem;margin-top:.6rem}.btn-primary,.btn-ghost{font-weight:700;font-size:.85rem;border-radius:999px;padding:.55rem 1.1rem;cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg,#ff8fb3,var(--accent));color:#fff;box-shadow:0 6px 16px #ff5d7a47}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{background:var(--accent-soft);color:var(--accent)}.btn-ghost:hover{background:#ffd3dd}@media (max-width: 800px){.app{grid-template-columns:1fr}.sidebar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;transform:translate(-100%);transition:transform .25s ease;width:80%;max-width:300px}.sidebar.open{transform:translate(0)}.icon-btn{display:block}}