:root{--color-primary:#2c4a63;--color-primary-dark:#1d3346;--color-accent:#4e7da6;--color-accent-light:#eaf2fa;--color-bg:#f5f7fa;--color-surface:#fff;--color-border:#e3e8ef;--color-text:#1f2d3a;--color-text-muted:#6b7c89;--color-success:#1e7e34;--color-success-bg:#e8f5ea;--color-danger:#d64545;--color-danger-bg:#fceaea;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 2px #1018200f;--shadow-md:0 6px 20px #10182014;--sidebar-width:232px}*{box-sizing:border-box}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;background-color:#f5f7fa;background-color:var(--color-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}body,h1,h2,h3,h4{color:#1f2d3a;color:var(--color-text)}h1,h2,h3,h4{margin:0 0 8px}a{color:#4e7da6;color:var(--color-accent)}.container{padding:20px 40px}.card{background:#fff;background:var(--color-surface);border:1px solid #e3e8ef;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 1px 2px #1018200f;box-shadow:var(--shadow-sm);margin-bottom:20px;padding:20px}.button{background-color:#2c4a63;background-color:var(--color-primary);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:inherit;font-weight:600;padding:10px 18px;transition:background .15s ease}.button:hover{background-color:#1d3346;background-color:var(--color-primary-dark)}.input{background:#fff;background:var(--color-surface);border:1px solid #e3e8ef;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#1f2d3a;color:var(--color-text);font-family:inherit;font-size:14px;margin-bottom:15px;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.input:focus{border-color:#4e7da6;border-color:var(--color-accent);box-shadow:0 0 0 3px #eaf2fa;box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.sidebar-link{align-items:center;border-radius:6px;border-radius:var(--radius-sm);color:#6b7c89;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 14px;transition:background .15s ease,color .15s ease;-webkit-user-select:none;user-select:none}.sidebar-link:hover{background:#f5f7fa;background:var(--color-bg);color:#2c4a63;color:var(--color-primary)}.sidebar-link.active{background:#eaf2fa;background:var(--color-accent-light);color:#2c4a63;color:var(--color-primary);font-weight:600}.sidebar-logout{transition:background .15s ease}.sidebar-logout:hover{background:#fceaea;background:var(--color-danger-bg)}.hover-card{transition:box-shadow .15s ease,border-color .15s ease,transform .1s ease}.hover-card:hover{border-color:#4e7da6;border-color:var(--color-accent);box-shadow:0 6px 20px #10182014;box-shadow:var(--shadow-md)}.icon-btn{transition:opacity .15s ease,transform .1s ease}.icon-btn:hover{opacity:.85}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:#e3e8ef;background:var(--color-border);border-radius:8px}