:root{--bg: #f7f6f2;--surface: #fff;--surface2: #f0ede6;--border: #e4dfd6;--border2: #d0c9be;--text: #1c1a17;--muted: #8a8278;--accent: #c94a0a;--accent-hover: #a83d08;--accent-light: #fff7f5;--danger: #b91c1c;--danger-hover: #991b1b;--success: #1a7a4a;--info: #2563a8;--font: "IBM Plex Sans", sans-serif;--mono: "IBM Plex Mono", monospace;--radius: 10px;--radius-sm: 6px;--radius-xs: 4px;--sidebar-width: 300px;--header-height: 52px;--nav-height: 56px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .12);--z-sidebar: 200;--z-overlay: 190;--z-modal: 300;--z-toast: 400;--z-header: 150;--z-selbar: 50}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;min-height:100dvh;overflow-x:hidden}button{cursor:pointer;font-family:var(--font);border:none;background:none}input,select,textarea{font-family:var(--font);color:var(--text)}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img,svg{display:block;max-width:100%}.text-xs{font-size:10px}.text-sm{font-size:11px}.text-base{font-size:12px}.text-md{font-size:13px}.text-lg{font-size:15px}.text-xl{font-size:18px}.font-mono{font-family:var(--mono)}.font-medium{font-weight:500}.font-semi{font-weight:600}.font-bold{font-weight:700}.text-muted{color:var(--muted)}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-info{color:var(--info)}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.12em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden{display:none!important}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.grid{display:grid}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.flex-1{flex:1}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.custom-scroll::-webkit-scrollbar{width:4px;height:4px}.custom-scroll::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}