:root{--bg: #f7f8fa;--bg-pattern: none;--surface: #ffffff;--border: #e5e7eb;--text: #1f2937;--muted: #6b7280;--heading: #111827;--primary: #2563eb;--primary-contrast: #ffffff;--secondary-bg: #e5e7eb;--secondary-text: #111827;--nav-bg: #ffffff;--th-bg: #f6f7f9;--badge-bg: #eef2ff;--badge-text: #3730a3;--link: #2563eb;--input-bg: #ffffff;--error: #b91c1c;--error-bg: transparent;--error-fg: var(--error);font-family:system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;color:var(--text);background-color:var(--bg);background-image:var(--bg-pattern);background-attachment:fixed}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{color:var(--heading)}.app-nav{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--nav-bg);border-bottom:1px solid var(--border)}.app-nav a{color:var(--text)}.app-nav .brand{font-weight:700;margin-right:8px}.app-nav .spacer{flex:1}.app-nav .who{color:var(--muted);font-size:14px}.container{max-width:960px;margin:0 auto;padding:24px 20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 18px;margin-bottom:16px}table{border-collapse:collapse;width:100%}th,td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left;font-size:14px}th{background:var(--th-bg)}button{background:var(--primary);color:var(--primary-contrast);border:0;border-radius:8px;padding:8px 14px;font-size:14px;cursor:pointer}button.secondary{background:var(--secondary-bg);color:var(--secondary-text)}input{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--input-bg);color:var(--text)}select{background:var(--input-bg);color:var(--text)}label{display:block;margin:10px 0 4px;font-size:13px;color:var(--muted)}.error{color:var(--error-fg);background:var(--error-bg);font-size:14px;margin-top:8px;border-radius:6px}.login-wrap{max-width:340px;margin:80px auto}.badge{font-size:12px;background:var(--badge-bg);color:var(--badge-text);padding:2px 8px;border-radius:999px}.kg-content img{max-width:100%;border-radius:8px}.kg-content a{color:var(--link)}.mobile-topbar,.mobile-drawer,.drawer-backdrop{display:none}@media (max-width: 640px){.app-nav{display:none}.mobile-topbar{display:flex;align-items:center;gap:10px;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--nav-bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.mobile-topbar .brand{font-weight:700}.burger{font-size:18px;line-height:1;padding:8px 12px}.drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:40}.mobile-drawer{display:block;position:fixed;z-index:41;top:0;right:0;bottom:0;width:min(84vw,320px);background:var(--surface);border-left:1px solid var(--border);padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom));overflow-y:auto}.mobile-drawer a{display:flex;align-items:center;gap:6px;padding:12px 8px;color:var(--text);border-bottom:1px solid var(--border);font-size:16px}.mobile-drawer a.active{color:var(--primary);font-weight:700}.drawer-foot{margin-top:14px}.nav-group-title{display:flex;align-items:center;gap:6px;padding:12px 8px 4px;color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase}.nav-group a{padding-left:22px}.hide-sm{display:none}.container{padding:14px 12px}.card{padding:12px;border-radius:12px}.card{overflow-x:auto}th,td{padding:7px 8px}h2{font-size:20px}h3{font-size:17px}input,select,textarea{font-size:16px}button{padding:10px 14px;min-height:40px}}[data-theme=sunny]{--bg: #ffffff;--surface: #ffffff;--nav-bg: #fff6e5;--text: #1f2937;--primary: #fa9b00;--primary-contrast: #1f2937;--link: #630166;--heading: #630166;--secondary-bg: #fdf3d9;--secondary-text: #1f2937;--th-bg: #fff6e5;--badge-bg: #fdf0c0;--badge-text: #630166;--input-bg: #ffffff;--border: #f0dfb8;--error: #cc2753}[data-theme=evening]{--bg: #2b0130;--surface: #630166;--nav-bg: #4a0150;--text: #ffffff;--muted: #d9b3db;--primary: #fa9b00;--primary-contrast: #1f2937;--link: #fa9b00;--heading: #fdcd01;--secondary-bg: #7a2080;--secondary-text: #ffffff;--th-bg: #4a0150;--badge-bg: #4a0150;--badge-text: #fdcd01;--input-bg: #3d0140;--border: #8b3a8f;--error-bg: #cc2753;--error-fg: #ffffff}[data-theme=evening] .error:not(:empty){padding:6px 10px}[data-theme=forest]{--bg: #f1f8f1;--nav-bg: #e3f3e3;--primary: #16a34a;--link: #15803d;--heading: #14532d;--th-bg: #e7f4e7;--badge-bg: #dcfce7;--badge-text: #166534;--bg-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M14 48 C14 28 34 18 50 14 C47 32 34 50 14 48 Z' fill='%2316a34a' opacity='0.07'/%3E%3C/svg%3E")}[data-theme=ocean]{--bg: #eef9fc;--nav-bg: #d9f1f7;--primary: #0891b2;--link: #0e7490;--heading: #155e75;--th-bg: #e0f3f8;--badge-bg: #cffafe;--badge-text: #155e75;--bg-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='56'%3E%3Cellipse cx='45' cy='32' rx='22' ry='11' fill='%230891b2' opacity='0.06'/%3E%3Ccircle cx='31' cy='28' r='10' fill='%230891b2' opacity='0.06'/%3E%3Ccircle cx='55' cy='26' r='12' fill='%230891b2' opacity='0.06'/%3E%3C/svg%3E")}[data-theme=candy]{--bg: #fef1f7;--nav-bg: #fbe0ee;--primary: #db2777;--link: #be185d;--heading: #9d174d;--th-bg: #fce3ef;--badge-bg: #fce7f3;--badge-text: #9d174d;--bg-pattern: radial-gradient(circle at 10px 10px, rgba(219, 39, 119, .1) 4px, transparent 5px)}[data-theme=lavender]{--bg: #f5f2fd;--nav-bg: #ece5fb;--primary: #7c3aed;--link: #6d28d9;--heading: #5b21b6;--th-bg: #efe9fc;--badge-bg: #ede9fe;--badge-text: #5b21b6;--bg-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30 14 l3 9 9 0 -7 6 3 9 -8 -5 -8 5 3 -9 -7 -6 9 0 z' fill='%237c3aed' opacity='0.08'/%3E%3C/svg%3E")}