:root{color-scheme:light;--bg: #f4f6f4;--bg2: #ffffff;--bg3: #edf2ed;--border: #d4e0d4;--text: #0f1f0f;--text-muted: #5a7060;--accent: #16a34a;--accent-hover:#15803d;--success: #059669;--danger: #dc2626;--warning: #d97706;--radius: 10px;--sidebar-w: 220px;--shadow: 0 1px 4px rgba(15,42,15,.08), 0 1px 2px rgba(15,42,15,.04);--shadow-md: 0 4px 16px rgba(15,42,15,.1), 0 1px 4px rgba(15,42,15,.05)}[data-theme=dark]{color-scheme:dark;--bg: #0d1510;--bg2: #141f16;--bg3: #1a2b1d;--border: #243829;--text: #e8f5ea;--text-muted: #7aaa84;--accent: #22c55e;--accent-hover:#16a34a;--success: #4ade80;--danger: #f87171;--warning: #fbbf24;--shadow: none;--shadow-md: none}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{opacity:.8}button{cursor:pointer;border:none;background:var(--accent);color:#fff;padding:.5rem 1rem;border-radius:var(--radius);font-size:.9rem;font-weight:500;transition:background .2s;white-space:nowrap}button:hover{background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border)}button.secondary:hover{background:var(--border)}button.danger{background:var(--danger)}button.danger:hover{background:#b91c1c}input,select,textarea{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.5rem .75rem;font-size:.9rem;width:100%;outline:none;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}:root input,:root select,:root textarea{background:#fff;color:#0f1f0f}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--bg3);color:var(--text)}::placeholder{color:var(--text-muted);opacity:1}[data-theme=dark] ::placeholder{color:var(--text-muted);opacity:1}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge.success{background:#0596691f;color:var(--success)}.badge.danger{background:#dc26261a;color:var(--danger)}.badge.warning{background:#d977061f;color:var(--warning)}.badge.muted{background:var(--bg3);color:var(--text-muted)}[data-theme=dark] .badge.success{background:#10b98126}[data-theme=dark] .badge.danger{background:#ef444426}[data-theme=dark] .badge.warning{background:#f59e0b26}.spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.flex{display:flex}.flex-col{flex-direction:column}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mobile-header{display:none;position:sticky;top:0;z-index:200;background:var(--bg2);border-bottom:1px solid var(--border);padding:.75rem 1rem;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}.mobile-header h1{font-size:1rem;font-weight:700;color:var(--accent)}.hamburger{background:none;border:none;padding:6px;cursor:pointer;color:var(--text);display:flex;flex-direction:column;gap:4px;border-radius:6px}.hamburger:hover{background:var(--bg3)}.hamburger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:all .2s}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:299}.sidebar-backdrop.open{display:block}.sidebar{width:var(--sidebar-w);background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.5rem 1rem;gap:.5rem;flex-shrink:0;transition:transform .25s ease;box-shadow:var(--shadow)}:root .nav-active{background:var(--accent)!important;color:#fff!important}.layout-main{flex:1;padding:2rem;overflow-y:auto;min-width:0}.chat-window{display:flex;flex-direction:column;gap:6px;padding:12px 10px;background:var(--bg3);border-radius:10px;max-height:400px;overflow-y:auto;scroll-behavior:smooth}.chat-bubble-row{display:flex;align-items:flex-end;gap:6px}.chat-bubble-row.right{flex-direction:row-reverse}.chat-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;flex-shrink:0}.chat-avatar.admin{background:var(--text-muted)}.chat-bubble{max-width:78%;padding:8px 12px;border-radius:16px;font-size:.85rem;line-height:1.45;white-space:pre-wrap;word-break:break-word;position:relative}.chat-bubble.user{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.chat-bubble.admin{background:var(--bg2);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px;box-shadow:var(--shadow)}[data-theme=dark] .chat-bubble.admin{background:var(--bg3);border-color:var(--border)}.chat-bubble .chat-time{display:block;font-size:.68rem;margin-top:4px;opacity:.7;text-align:right}.chat-bubble.admin .chat-time{text-align:left}.chat-bubble.img-bubble{padding:0;overflow:hidden;background:transparent;border:none;box-shadow:none;max-width:62%}.chat-bubble.img-bubble img{display:block;width:100%;border-radius:14px;max-height:280px;object-fit:cover}.chat-bubble.img-bubble .chat-time{position:absolute;bottom:5px;right:8px;background:#00000073;color:#fff;padding:1px 5px;border-radius:6px;font-size:.65rem;opacity:1;margin-top:0}.chat-input-bar{display:flex;align-items:flex-end;gap:8px;padding:8px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);margin-top:8px}.chat-input-bar textarea{flex:1;border:none;background:transparent;color:var(--text);resize:none;padding:4px 6px;font-family:inherit;font-size:.88rem;outline:none;min-height:36px;max-height:120px;overflow-y:auto}.chat-send-btn{width:36px;height:36px;border-radius:50%;background:var(--accent);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0;transition:background .2s}.chat-send-btn:hover{background:var(--accent-hover)}.chat-send-btn:disabled{opacity:.45;cursor:not-allowed}.theme-toggle{background:var(--bg3);border:1px solid var(--border);color:var(--text-muted);border-radius:8px;padding:5px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;flex-shrink:0}.theme-toggle:hover{background:var(--border);color:var(--text)}@media(max-width:768px){.mobile-header{display:flex}.sidebar-close{display:flex!important}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:300;transform:translate(-100%);border-right:1px solid var(--border);box-shadow:4px 0 24px #00000026;overflow-y:auto}.sidebar.open{transform:translate(0)}.layout-main,.card{padding:1rem}.admin-tabs{gap:.4rem}.admin-tabs button{font-size:.78rem;padding:.35rem .65rem}.login-card{margin:1rem!important}.settings-row{flex-direction:column!important;align-items:flex-start!important}.settings-row input{width:100%!important}}@media(max-width:480px){.layout-main{padding:.75rem}.card{padding:.85rem}h1{font-size:1.2rem!important}}