:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--sidebar-bg: #1a1a2e;--sidebar-border: #2a2a4e;--accent: #4361ee}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%}body,body.theme-light{background-color:#f5f6fa;color:#1a1a2e}body.theme-dark{background-color:#1e1e2e;color:#e0e0f0}button{border-radius:6px;border:1px solid #c0c0d0;padding:.45em 1.1em;font-size:.9em;font-weight:500;font-family:inherit;background-color:#fff;color:#1a1a2e;cursor:pointer;transition:background .15s,border-color .15s}button:hover{background-color:var(--accent);color:#fff;border-color:var(--accent)}body.theme-dark button{background-color:#2a2a3e;color:#e0e0f0;border-color:#446}body.theme-dark button:hover{background-color:var(--accent);color:#fff;border-color:var(--accent)}input,select,textarea{padding:.45em .6em;margin:.3em 0;border:1px solid #c0c0d0;border-radius:6px;font-family:inherit;font-size:.9em;background-color:#fff;color:#1a1a2e}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #4361ee26}body.theme-dark input,body.theme-dark select,body.theme-dark textarea{background-color:#2a2a3e;color:#e0e0f0;border-color:#446}body.theme-dark input:focus,body.theme-dark select:focus,body.theme-dark textarea:focus{border-color:var(--accent)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent);text-decoration:underline;filter:brightness(.8)}body.theme-dark a{color:var(--accent);filter:brightness(1.3)}body.theme-dark a:hover{filter:brightness(1.5)}.sidebar{width:160px;min-width:160px;background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-header{padding:1.2em 1em 1em;border-bottom:1px solid var(--sidebar-border);display:flex;align-items:center;gap:.5em}.sidebar-header img{height:28px;width:auto;object-fit:contain;border-radius:4px}.sidebar-header h1{color:#fff;font-size:1em;font-weight:700;letter-spacing:.02em}.sidebar-links{list-style:none;flex:1;overflow-y:auto;padding:.5em 0}.sidebar-links li a{display:block;padding:.55em 1em;color:#ffffffa6;text-decoration:none;font-size:.9em;transition:background .12s,color .12s;filter:none}.sidebar-links li a:hover,.sidebar-links li a.active{background-color:var(--accent);color:#fff;text-decoration:none;filter:none}.sidebar-footer{padding:1em;border-top:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:.4em}.sidebar-footer span{font-size:.8em;color:#ffffff8c}.sidebar-footer button{width:100%;font-size:.8em;padding:.35em;background:transparent;color:#ffffffa6;border-color:#fff3}.sidebar-footer button:hover{background-color:var(--accent);color:#fff;border-color:var(--accent)}body,body.theme-light{--panel-bg: #ffffff;--panel-border: #e0e0ee;--dropdown-bg: #ffffff}body.theme-dark{--panel-bg: #2a2a3e;--panel-border: #3a3a5e;--dropdown-bg: #1e1e32}.theme-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center}.theme-panel{background:#fff;border-radius:10px;padding:1.5em;width:320px;box-shadow:0 8px 32px #0003;color:#1a1a2e}body.theme-dark .theme-panel{background:#2a2a3e;color:#e0e0f0}.theme-panel h2{margin-bottom:1em}.theme-panel .tp-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85em;gap:.5em}.theme-panel .tp-row label{font-size:.88em;font-weight:500}.theme-panel input[type=color]{width:42px;height:30px;padding:2px;border-radius:5px;cursor:pointer;border:1px solid #c0c0d0}.theme-panel input[type=text]{flex:1;max-width:180px}.theme-panel .tp-actions{display:flex;gap:.5em;margin-top:1.2em;justify-content:flex-end}.container{max-width:1300px;margin:0 auto;padding:24px}table{width:100%;border-collapse:collapse;margin-top:16px;font-size:.9em;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #00000012}body.theme-dark table{background:#2a2a3e;box-shadow:none}th,td{padding:10px 14px;text-align:left;border-bottom:1px solid #eef0f8}body.theme-dark th,body.theme-dark td{border-bottom-color:#3a3a5e}th{background-color:#eef0f8;font-weight:600;font-size:.85em;text-transform:uppercase;letter-spacing:.03em;color:#557}body.theme-dark th{background-color:#1e1e32;color:#99b}tr:hover td{background-color:#f0f4ff}body.theme-dark tr:hover td{background-color:#2e2e4e}.card{background:#fff;border-radius:8px;padding:1.2em 1.5em;box-shadow:0 1px 4px #00000012;margin-bottom:1em}body.theme-dark .card{background:#2a2a3e}.error{color:#c0392b;padding:.8em 1em;background-color:#fdecea;border:1px solid #f5c6c2;border-radius:6px;margin-bottom:1em;font-size:.9em}body.theme-dark .error{background-color:#3a1a1a;border-color:#5a2a2a;color:#f88}.success{color:#1e7e34;padding:.8em 1em;background-color:#eafaf1;border:1px solid #b8e5c8;border-radius:6px;margin-bottom:1em;font-size:.9em}body.theme-dark .success{background-color:#1a3a1a;border-color:#2a5a2a;color:#8c8}.form-group{margin-bottom:1em}.form-group label{display:block;margin-bottom:.3em;font-weight:500;font-size:.88em;color:#557}body.theme-dark .form-group label{color:#99b}h1{font-size:1.5em;font-weight:700;margin-bottom:.3em}h2{font-size:1.15em;font-weight:600;margin-bottom:.3em}