:root{--color-primary:#00b8c8;--color-primary-dark:#009aa2;--color-primary-light:#e0f7fa;--color-primary-hover:#0eacc3;--color-brown:#6c3d08;--color-brown-dark:#2f1908;--color-brown-mid:#462b0d;--color-brown-light:rgba(129,64,14,0.12);--color-success:#22c55e;--color-success-light:#dcfce7;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-info:#3b82f6;--color-info-light:#dbeafe;--bg-body:#f5f7fa;--bg-surface:#ffffff;--bg-sidebar:#1a0a00;--bg-sidebar-hover:rgba(255,255,255,0.08);--bg-sidebar-active:rgba(0,184,200,0.15);--bg-topbar:#ffffff;--text-primary:#1a1a1a;--text-secondary:#555555;--text-muted:#888888;--text-inverse:#ffffff;--text-sidebar:rgba(255,255,255,0.85);--text-sidebar-active:#00b8c8;--border-color:#e8e8e8;--border-radius-sm:4px;--border-radius:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow:0 2px 8px rgba(0,0,0,0.1);--shadow-md:0 4px 16px rgba(0,0,0,0.12);--shadow-lg:0 8px 32px rgba(0,0,0,0.15);--sidebar-width:260px;--topbar-height:64px;--content-padding:24px;--font-body:"Poppins",system-ui,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;max-width:100vw;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--bg-body);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--border-radius-full)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");