:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.sidebar{width:220px;height:100vh;background:#1e1e2f;color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;padding:10px 0}.sidebar-header{font-size:1.2rem;font-weight:700;padding:16px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-nav{flex:1;display:flex;flex-direction:column;margin-top:10px}.sidebar-link{display:flex;align-items:center;gap:8px;padding:10px 16px;color:#ddd;text-decoration:none;transition:background .2s}.sidebar-link:hover{background:#ffffff1a}.sidebar-link.active{background:#007bff;color:#fff}.header{display:flex;justify-content:space-between;z-index:0;position:fixed;top:0;width:100vw;align-items:center;padding:0 20px;height:60px;background:#1e1e2f;color:#fff}.logo{height:40px}.header-buttons button{margin-left:10px;margin-right:10px;padding:8px 12px;border:none;border-radius:4px;cursor:pointer;background-color:#007bff;color:#fff;font-weight:700}.header-buttons button:last-child{margin-right:40px}.header-buttons button:hover{background-color:#0056b3}.drawer-overlay{position:fixed;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s ease}.drawer-overlay.show{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:-420px;height:100vh;width:400px;z-index:9999999999;background:#fff;box-shadow:-3px 0 10px #00000026;padding:1.5rem;display:flex;flex-direction:column;transition:right .4s ease}.drawer.open{right:0}.drawer header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.drawer h3{font-size:1.2rem;font-weight:600;color:#1d1d1f}.close-btn{background:none;border:none;font-size:1.3rem;cursor:pointer;color:#444;transition:color .2s ease}.close-btn:hover{color:#007bff}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}label{font-weight:500;margin-bottom:4px;color:#333}input[type=text],input[type=number],input[type=date],select{padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}input:hover,select:hover{border-color:#007bff}input:focus,select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff33}.checkbox-group{display:flex;align-items:center;gap:6px}.btn-primary{border:2px solid #007bff;background:transparent;color:#007bff;border-radius:6px;padding:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:#007bff;color:#fff}.full{width:100%;margin-top:1rem}.drawer-scroll-area{flex:1;overflow-y:auto;padding:1rem 1.5rem}.drawer-scroll-area::-webkit-scrollbar{width:8px}.drawer-scroll-area::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.drawer-scroll-area::-webkit-scrollbar-thumb{background:#b3b3b3;border-radius:4px}.drawer-scroll-area::-webkit-scrollbar-thumb:hover{background:#888}.model-manager{width:calc(100vw - 220px);margin-left:220px;height:calc(100vh - 40px);padding:40px 20px 20px;background-color:#fff;box-sizing:border-box}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;position:relative}.manager-header h2{color:#000}.manager-header input{padding:8px 10px;border:1px solid #ccc;border-radius:6px;width:250px;transition:border-color .2s ease,box-shadow .2s ease}.manager-header input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff33;outline:none}.export-btn{border:1px solid #007bff;color:#007bff;background:transparent;border-radius:6px;padding:8px 12px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:4px;transition:background .2s ease}.export-btn:hover{background:#007bff;color:#fff}.export-dropdown{display:none;position:absolute;top:100%;right:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 6px #0000001a;z-index:5;overflow:hidden}.export-menu:hover .export-dropdown{display:block}.export-dropdown button{display:block;width:100%;background:none;border:none;padding:8px 12px;text-align:left;cursor:pointer}.export-dropdown button:hover{background:#f0f4ff}.scroll-table{overflow-x:auto;border-radius:6px}table{border-collapse:collapse;width:100%;min-width:600px;border:1px solid #ddd}thead{position:sticky;top:0;background:#007bff;color:#fff;z-index:2}th,td{padding:10px;text-align:left;border-bottom:1px solid #eee}tbody tr:hover{background:#f5faff;transition:background .2s}.actions-cell{display:flex;gap:6px}.icon-btn{background:none;border:none;cursor:pointer;border-radius:4px;padding:4px;transition:background .2s}.icon-btn:hover{background:#e8f2ff}.icon-btn.edit{color:#007bff}.icon-btn.delete{color:#d9534f}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:12px}.pagination button{background:transparent;border:1px solid #007bff;color:#007bff;border-radius:6px;padding:5px 10px;cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){background:#007bff;color:#fff}.pagination button:disabled{opacity:.4;cursor:not-allowed}