:root{color-scheme:dark;--bg-deep:#101714;--bg-card:#19221d;--accent:#a3e8c4;--success:#8ee6c4;--border:#2d3b32;--text-main:#edf3ee;--text-muted:#a4b4a9;--nav-width:214px;--positive:#f2a39d;--negative:#94baf0}
*{box-sizing:border-box}html{height:100%;overflow:hidden}body{margin:0;display:flex;height:100vh;height:100dvh;overflow:hidden;background:var(--bg-deep);color:var(--text-main);font:14px/1.65 system-ui,-apple-system,'Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip-link{position:fixed;top:-100px;left:16px;z-index:20;background:var(--accent);color:#142e1f;padding:12px 18px;border-radius:8px}.skip-link:focus{top:12px}.app-sidebar{width:var(--nav-width);flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:#141c17;padding:30px 18px 18px;overflow-y:auto}.brand{display:flex;gap:11px;align-items:center;padding:0 7px}.brand-mark{display:grid;place-items:center;position:relative;width:38px;height:42px;flex-shrink:0;font-size:30px;letter-spacing:-3px;font-weight:800;color:var(--accent)}.brand-mark span{position:absolute;bottom:0;right:0}.brand strong{display:block;font-size:13px;font-weight:750;letter-spacing:.1px}.brand small{display:block;font-size:9px;color:var(--text-muted);margin-top:4px}.nav-caption{font:10px/1.5 ui-monospace,monospace;letter-spacing:1.7px;color:#849b89;margin:45px 13px 13px}.primary-nav{display:flex;flex-direction:column;gap:7px}.primary-item{display:flex;align-items:center;gap:12px;min-height:49px;padding:12px 14px;border-radius:10px;color:#a9bbb0;font-size:13px;border:1px solid transparent;transition:background .15s,color .15s}.primary-item svg,.system-link svg{width:20px;height:20px;flex-shrink:0}.primary-item:hover{background:#213228;color:#f0fff6}.primary-item.active{background:#284032;border-color:#3e5c49;color:#c0f5d4;font-weight:650}.primary-item i{margin-left:auto;width:5px;height:5px;border-radius:50%;background:var(--accent)}.sidebar-bottom{margin-top:auto;padding-top:44px}.sidebar-bottom p{padding:0 12px;font-size:12px;line-height:1.9;color:#849a8b;margin-bottom:25px}.system-link{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;color:var(--text-muted);font-size:11px;border-top:1px solid var(--border)}.system-link span:last-child{margin-left:auto}.system-link:hover,.system-link.active{color:var(--accent)}.sidebar-bottom>small{display:block;font:8px/1.8 ui-monospace,monospace;letter-spacing:.5px;color:#7b9082;padding:15px 12px 0}main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}main:focus{outline:none}.app-topbar{height:67px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 34px;border-bottom:1px solid var(--border);background:#131c16}.app-breadcrumb{display:flex;align-items:center;gap:13px;font-size:12px;min-width:0}.app-breadcrumb>span:first-of-type{color:var(--text-muted)}.app-breadcrumb strong{font-weight:600;white-space:nowrap}.breadcrumb-divider{color:#516858}.topbar-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}.today-label{font:12px/1.5 ui-monospace,monospace;color:#b5c5ba}.today-label span{font-size:9px;color:#7e9686;margin-left:4px}.open-page{display:flex;align-items:center;justify-content:center;gap:12px;min-height:38px;color:#a9c5b3;font-size:11px}.open-page:hover{color:var(--accent)}.mobile-brand,.mobile-system{display:none}.context-nav{display:flex;align-items:center;gap:24px;flex-shrink:0;min-height:55px;padding:0 34px;border-bottom:1px solid var(--border);background:#141e18;overflow-x:auto;scrollbar-width:thin}.context-nav a{display:flex;align-items:center;min-height:55px;border-bottom:2px solid transparent;color:var(--text-muted);font-size:12px;white-space:nowrap}.context-nav a:hover{color:var(--text-main)}.context-nav .selected{color:var(--accent);border-bottom-color:var(--accent);font-weight:650}#workspace-frame{width:100%;flex:1;min-height:0;border:0;background:var(--bg-deep)}.dashboard{overflow-y:auto;min-height:0;overscroll-behavior-y:contain;padding:32px clamp(24px,3.3vw,52px) 24px;width:100%;scrollbar-width:thin;scrollbar-color:#405d48 transparent}.eyebrow{font:600 10px/1.6 ui-monospace,monospace;letter-spacing:1.7px;color:#a2bfae;margin:0 0 12px}h1{font-size:clamp(26px,2.6vw,36px);line-height:1.3;letter-spacing:-1.3px;font-weight:650;margin:0 0 10px}.intro{font-size:13px;color:var(--text-muted);margin:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:29px 0 14px}.section-heading h2{margin:0;font-size:16px;font-weight:600;letter-spacing:-.4px}.section-heading>a{display:flex;align-items:center;min-height:40px;color:var(--accent);font-size:11px}.section-heading>span{font-size:10px;color:var(--text-muted)}.dashboard-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:20px;margin-top:28px;color:#92aa9a;font-size:10px}.muted,.flat{color:var(--text-muted)}.positive{color:var(--positive)}.negative{color:var(--negative)}.accent{color:var(--accent)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1600px){:root{--nav-width:234px}.app-sidebar{padding-inline:24px}.dashboard{padding-top:40px}}
@media(max-width:1050px){:root{--nav-width:185px}.app-sidebar{padding-inline:12px}.brand{gap:6px}.brand strong{font-size:12px}.app-topbar{padding-inline:24px}.context-nav{padding-inline:24px}.dashboard{padding-inline:24px}}
@media(max-width:760px){body{flex-direction:column}.app-sidebar{order:2;width:100%;padding:0 8px env(safe-area-inset-bottom);border-right:0;border-top:1px solid #34493b;background:#152019;overflow:visible;flex-shrink:0}.brand,.nav-caption,.sidebar-bottom{display:none}.primary-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.primary-item{position:relative;flex-direction:column;justify-content:center;gap:3px;min-width:0;min-height:64px;padding:9px 2px 7px;font-size:10px;border:0;border-radius:0}.primary-item.active{background:transparent;color:var(--accent)}.primary-item svg{width:21px;height:21px}.primary-item i{position:absolute;top:0;left:calc(50% - 15px);height:2px;width:30px;border-radius:0;margin:0}.app-topbar{height:54px;padding:0 16px;gap:8px}.app-breadcrumb{font-size:11px;gap:9px}.app-breadcrumb>span:first-of-type,.breadcrumb-divider{display:none}.mobile-brand{display:block;font-size:22px;letter-spacing:-2px;line-height:1;font-weight:800;color:var(--accent);margin-right:4px;min-width:25px}.mobile-brand span{font-size:24px}.today-label{display:none}.topbar-actions{gap:12px}.open-page{font-size:10px;min-height:40px;gap:5px}.mobile-system{display:flex;align-items:center;justify-content:center;min-width:32px;min-height:40px;color:#a8bdae}.mobile-system svg{width:19px;height:19px}.context-nav{padding:0 16px;gap:22px;min-height:48px}.context-nav a{font-size:11px;min-height:48px}.dashboard{padding:25px 18px 22px}.intro{font-size:12px}.section-heading{margin-top:25px}.dashboard-footer{font-size:9px}h1{font-size:28px}}
@media(max-width:380px){.dashboard{padding-inline:12px}.app-topbar{padding-inline:12px}.context-nav{padding-inline:12px;gap:17px}.context-nav a{font-size:10px}h1{font-size:25px}.section-heading{gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}