:root{--bg-primary: #000000;--bg-secondary: #0A0A0A;--bg-tertiary: #141414;--bg-glass: rgba(10, 10, 10, .65);--crimson: #DC143C;--crimson-light: #FF1A4A;--crimson-dark: #8B0000;--crimson-glow: rgba(220, 20, 60, .3);--crimson-glow-strong: rgba(220, 20, 60, .5);--crimson-subtle: rgba(220, 20, 60, .1);--crimson-glass: rgba(220, 20, 60, .08);--gray-100: #F5F5F5;--gray-200: #E0E0E0;--gray-300: #B0B0B0;--gray-400: #808080;--gray-500: #505050;--gray-600: #303030;--gray-700: #1A1A1A;--gray-800: #0D0D0D;--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(220, 20, 60, .3);--glass-shadow: rgba(220, 20, 60, .15);--glass-highlight: rgba(255, 255, 255, .03);--glass-blur: blur(20px);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .55);--text-muted: rgba(255, 255, 255, .35);--lo-topbar-h: 52px;--lo-radius: 14px;--lo-radius-sm: 8px;--lo-gap: 10px;--lo-font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--lo-font)}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:var(--lo-font);font-size:13px}#root{min-height:100%;width:100%}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--crimson) var(--bg-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-left:1px solid var(--glass-border)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--crimson-light) 0%,var(--crimson) 50%,var(--crimson-dark) 100%);border:1px solid var(--bg-secondary);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--crimson-light) 0%,var(--crimson) 50%,var(--crimson-dark) 100%);filter:brightness(1.2)}::-webkit-scrollbar-corner{background:var(--bg-secondary)}.lo-shell{display:flex;flex-direction:row;height:100vh;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:var(--lo-font);font-size:13px;position:relative;z-index:0}.lo-shell-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;position:relative;z-index:1}.lo-content-area{flex:1;overflow-y:auto;background:var(--bg-primary);position:relative;z-index:10;color:var(--text-primary);padding:0;display:flex;flex-direction:column;align-items:stretch;min-height:0;width:100%;min-width:0}.liquid-glass,.dashboard-glass,.lo-card{position:relative;background:var(--bg-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--lo-radius);box-shadow:0 4px 24px #0009,inset 0 1px 0 var(--glass-highlight),0 0 40px var(--glass-shadow);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.liquid-glass:hover,.lo-card:hover{border-color:var(--glass-border-hover);box-shadow:0 8px 32px #000000b3,inset 0 1px 0 var(--glass-highlight),0 0 60px var(--crimson-glow);transform:translateY(-2px)}.liquid-glass:before,.lo-card:before{content:"";position:absolute;inset:-1px;border-radius:var(--lo-radius);padding:1px;background:linear-gradient(135deg,var(--crimson-subtle) 0%,transparent 30%,transparent 70%,var(--crimson-subtle) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.liquid-glass:hover:before,.lo-card:hover:before{opacity:1}.lo-content-area{background-image:radial-gradient(circle at 1px 1px,rgba(220,20,60,.08) 1px,transparent 0);background-size:24px 24px}.lo-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--lo-gap);padding:12px;width:100%}.lo-grid-item{position:relative;border-radius:var(--lo-radius);transition:all .3s ease}.lo-grid-item:hover{transform:translateY(-2px) scale(1.005)}.lo-title{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.lo-title-crimson{font-size:16px;font-weight:700;color:var(--crimson);letter-spacing:-.02em}.lo-subtitle{font-size:11px;color:var(--text-tertiary);font-weight:400}.lo-muted{color:var(--text-muted);font-size:12px}.lo-btn{padding:8px 16px;border-radius:var(--lo-radius-sm);font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--glass-border);background:var(--bg-glass);color:var(--text-primary);transition:all .2s ease;backdrop-filter:var(--glass-blur)}.lo-btn:hover{border-color:var(--crimson);color:var(--crimson);background:var(--crimson-subtle);transform:translateY(-1px)}.lo-btn-primary{padding:10px 24px;border-radius:var(--lo-radius-sm);font-size:13px;font-weight:700;cursor:pointer;border:1px solid var(--crimson);background:var(--crimson-subtle);color:var(--crimson);transition:all .2s ease}.lo-btn-primary:hover{background:var(--crimson);color:var(--bg-primary);box-shadow:0 0 30px var(--crimson-glow);transform:translateY(-2px)}.lo-input,.lo-textarea,.lo-select{width:100%;padding:9px 12px;font-size:13px;border-radius:var(--lo-radius-sm);border:1px solid var(--glass-border);background:var(--bg-glass);color:var(--text-primary);outline:none;box-sizing:border-box;font-family:inherit;transition:all .2s ease;backdrop-filter:var(--glass-blur)}.lo-input:focus,.lo-textarea:focus,.lo-select:focus{border-color:var(--crimson);box-shadow:0 0 20px var(--crimson-glow)}.lo-sidebar{width:240px;min-width:240px;max-width:240px;height:100%;background:var(--bg-secondary);display:flex;flex-direction:column;padding:16px;z-index:20;border-right:1px solid var(--glass-border);flex-shrink:0;overflow:hidden}.lo-sidebar-logo{display:flex;align-items:center;gap:10px;padding:0 12px 24px}.lo-sidebar-logo-icon{width:38px;height:38px;border-radius:8px;background:var(--crimson-subtle);border:1px solid var(--crimson);display:flex;align-items:center;justify-content:center;color:var(--crimson);font-weight:700;font-size:18px;flex-shrink:0}.lo-sidebar-logo-text{font-size:18px;font-weight:900;letter-spacing:2px;color:var(--crimson)}.lo-sidebar-nav{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.lo-sidebar-section-title{font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--crimson);text-transform:uppercase;padding-left:12px;opacity:.7}.lo-sidebar-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 12px;border-radius:var(--lo-radius-sm);font-size:12px;border:none;cursor:pointer;transition:all .15s ease;background:transparent;color:var(--text-tertiary)}.lo-sidebar-item:hover{background:var(--crimson-subtle);color:var(--text-primary)}.lo-sidebar-item.active{background:var(--crimson-subtle);color:var(--crimson);border-left:2px solid var(--crimson)}.lo-sidebar-item .icon{opacity:.7;transition:opacity .15s ease}.lo-sidebar-item.active .icon{opacity:1;color:var(--crimson)}.lo-topbar{padding:0 20px;height:var(--lo-topbar-h);display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;background:var(--bg-secondary);border-bottom:1px solid var(--glass-border)}@keyframes lo-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes lo-glow-pulse{0%,to{box-shadow:0 0 20px var(--crimson-glow)}50%{box-shadow:0 0 40px var(--crimson-glow-strong)}}.lo-animate-in{animation:lo-fade-in .3s ease forwards}.lo-glow-pulse{animation:lo-glow-pulse 2s ease-in-out infinite}.lo-flex{display:flex}.lo-flex-col{display:flex;flex-direction:column}.lo-flex-center{display:flex;align-items:center;justify-content:center}.lo-flex-between{display:flex;align-items:center;justify-content:space-between}.lo-gap-1{gap:4px}.lo-gap-2{gap:8px}.lo-gap-3{gap:12px}.lo-gap-4{gap:16px}.lo-gap-5{gap:20px}.lo-text-crimson{color:var(--crimson)}.lo-text-muted{color:var(--text-muted)}.lo-text-secondary{color:var(--text-secondary)}.lo-border-crimson{border-color:var(--crimson)}.lo-bg-crimson-subtle{background:var(--crimson-subtle)}.lo-rounded{border-radius:var(--lo-radius)}.lo-rounded-sm{border-radius:var(--lo-radius-sm)}.lo-p-1{padding:4px}.lo-p-2{padding:8px}.lo-p-3{padding:12px}.lo-p-4{padding:16px}.lo-m-1{margin:4px}.lo-m-2{margin:8px}.lo-m-3{margin:12px}.lo-m-4{margin:16px}