@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{color:#f4f7fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#07101f;--surface:#0d1829;--surface-raised:#111f33;--border:#95abcd24;--border-strong:#95abcd3d;--text:#f4f7fb;--text-secondary:#a8b5c9;--text-muted:#74849c;--accent:#58d6c7;--accent-strong:#7ce8da;--accent-soft:#58d6c71f;--blue:#6da8ff;--blue-soft:#6da8ff1f;--warning:#f5b955;--warning-soft:#f5b9551f;--danger:#ff7c84;--danger-soft:#ff7c841f;--success:#68d391;--success-soft:#68d3911f;--sidebar-width:252px;background:#07101f;font-family:DM Sans,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:radial-gradient(circle at 74% -10%, #285e7e29, transparent 30%), var(--bg);min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-shell{min-height:100vh}.sidebar{z-index:20;width:var(--sidebar-width);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07101feb;flex-direction:column;padding:28px 20px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px 30px;display:flex}.brand-mark{background:radial-gradient(circle, var(--accent) 0 8%, transparent 9% 30%, #58d6c72e 31% 34%, transparent 35%);border:1px solid #58d6c77a;border-radius:50%;width:35px;height:35px;position:relative;box-shadow:0 0 24px #58d6c724}.brand-mark:after{content:"";background:var(--accent);transform-origin:0;width:14px;height:1px;position:absolute;top:17px;left:17px;transform:rotate(-35deg)}.brand-copy strong{letter-spacing:.12em;font-size:14px;display:block}.brand-copy span{color:var(--text-muted);letter-spacing:.22em;font-size:10px}.nav-label{color:#596981;letter-spacing:.18em;text-transform:uppercase;margin:8px 10px 10px;font-size:10px;font-weight:700}.nav-list{gap:5px;display:grid}.nav-item{min-height:44px;color:var(--text-secondary);border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:0 12px;font-size:13px;font-weight:500;transition:all .16s;display:flex}.nav-item:hover{color:var(--text);background:#ffffff09}.nav-item.active{color:var(--accent-strong);background:var(--accent-soft);border-color:#58d6c721}.nav-item svg{width:17px;height:17px}.sidebar-foot{border:1px solid var(--border);background:#ffffff05;border-radius:12px;margin-top:auto;padding:15px 12px}.sync-line{color:var(--text-secondary);align-items:center;gap:8px;font-size:11px;display:flex}.sync-dot{background:var(--success);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #68d391b3}.sync-dot.warning{background:var(--warning);box-shadow:0 0 10px #f5b955a6}.sidebar-foot p{color:var(--text-muted);margin-top:8px;font-size:10px;line-height:1.5}.main-shell{min-height:100vh;margin-left:var(--sidebar-width)}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07101fa8;justify-content:space-between;align-items:center;height:70px;padding:0 34px;display:flex}.topbar-context{color:var(--text-muted);align-items:center;gap:10px;font-size:12px;display:flex}.topbar-context strong{color:var(--text-secondary);font-weight:500}.topbar-actions{align-items:center;gap:14px;display:flex}.today-label{color:var(--text-secondary);font-size:11px}.icon-button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:9px;place-items:center;width:34px;height:34px;padding:0;display:grid;position:relative}.icon-button svg{width:15px}.notification-dot{background:var(--warning);border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:7px}.page-content{width:min(1440px,100%);margin:0 auto;padding:34px}.page-title-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:700}.page-title{letter-spacing:-.035em;font-size:clamp(25px,2.4vw,34px);line-height:1.18}.page-subtitle{color:var(--text-muted);margin-top:8px;font-size:12px}.page-meta{color:var(--text-muted);font-size:11px}.page-title-actions{align-items:center;gap:12px;display:flex}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.metric-card,.panel{border:1px solid var(--border);background:linear-gradient(145deg,#111f33ed,#0b1727ed);box-shadow:0 16px 50px #00000017}.metric-card{border-radius:13px;min-height:102px;padding:18px 19px}.metric-label{color:var(--text-muted);font-size:10px}.metric-value{align-items:baseline;gap:7px;margin-top:9px;display:flex}.metric-value strong{font-size:25px;font-weight:600}.metric-value span{color:var(--text-muted);font-size:10px}.metric-accent{color:var(--accent)}.dashboard-primary{grid-template-columns:minmax(0,1.55fr) minmax(290px,.8fr);gap:16px;margin-bottom:16px;display:grid}.dashboard-secondary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.panel{border-radius:15px;overflow:hidden}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:54px;padding:0 19px;display:flex}.panel-title{align-items:center;gap:9px;font-size:12px;font-weight:600;display:flex}.panel-title svg{width:15px;height:15px;color:var(--accent)}.text-link{color:var(--text-muted);align-items:center;gap:5px;font-size:10px;transition:color .15s;display:inline-flex}.text-link:hover{color:var(--accent)}.text-link svg{width:12px}.recent-list{padding:4px 19px 14px}.recent-row{border-bottom:1px solid #95abcd17;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:70px;display:grid}.recent-row:last-child{border-bottom:0}.rank{border:1px solid var(--border);width:26px;height:26px;color:var(--text-muted);border-radius:8px;place-items:center;font-size:10px;display:grid}.recent-row:first-child .rank{color:var(--accent);background:var(--accent-soft);border-color:#58d6c738}.project-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;display:block;overflow:hidden}.project-detail{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;display:block;overflow:hidden}.relative-time{color:var(--text-secondary);white-space:nowrap;font-size:10px}.resume-panel{background:radial-gradient(circle at 100% 0,#58d6c71a,#0000 36%),linear-gradient(145deg,#102237,#0c192b);border-color:#58d6c733;position:relative}.resume-panel:before{content:"";background:linear-gradient(transparent, var(--accent), transparent);width:2px;position:absolute;inset:0 auto 0 0}.resume-body{padding:22px}.resume-kicker{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:700}.resume-project{letter-spacing:-.02em;margin-top:7px;font-size:19px}.resume-stage{color:var(--text-muted);margin-top:6px;font-size:10px}.resume-facts{gap:13px;margin:20px 0;display:grid}.fact-label{color:var(--text-muted);margin-bottom:4px;font-size:9px;display:block}.fact-value{color:var(--text-secondary);font-size:11px;line-height:1.55}.fact-value.next{color:var(--accent-strong);font-weight:600}.action-row{gap:8px;display:flex}.button{border:1px solid var(--border);min-height:36px;color:var(--text-secondary);cursor:pointer;background:#ffffff06;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:10px;font-weight:600;transition:all .15s;display:inline-flex}.button:hover{color:var(--text);border-color:var(--border-strong);transform:translateY(-1px)}.button.primary{color:#061718;border-color:var(--accent);background:var(--accent)}.button.primary:hover{background:var(--accent-strong)}.button svg{width:13px;height:13px}.button:disabled{opacity:.48;cursor:not-allowed;transform:none}.button.primary:disabled{color:#061718cc}.compact-list{padding:6px 18px 14px}.compact-row{border-bottom:1px solid #95abcd14;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;display:grid}.compact-row:last-child{border-bottom:0}.compact-main{min-width:0}.compact-main strong{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;display:block;overflow:hidden}.compact-main span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:9px;display:block;overflow:hidden}.badge{letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;min-height:21px;padding:0 7px;font-size:8px;font-weight:700;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:4px;height:4px}.tone-teal{color:var(--accent);background:var(--accent-soft);border-color:#58d6c721}.tone-blue{color:var(--blue);background:var(--blue-soft);border-color:#6da8ff21}.tone-amber{color:var(--warning);background:var(--warning-soft);border-color:#f5b95521}.tone-red{color:var(--danger);background:var(--danger-soft);border-color:#ff7c8421}.tone-green{color:var(--success);background:var(--success-soft);border-color:#68d39121}.tone-muted{color:var(--text-muted);background:#74849c17;border-color:#74849c1f}.table-panel{overflow-x:auto}.project-table{border-collapse:collapse;width:100%;min-width:920px}.project-table th{height:42px;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border);padding:0 14px;font-size:9px;font-weight:600}.project-table td{height:68px;color:var(--text-secondary);vertical-align:middle;border-bottom:1px solid #95abcd14;padding:0 14px;font-size:10px}.project-table tr:last-child td{border-bottom:0}.table-project strong{color:var(--text);font-size:11px;display:block}.table-project span{color:var(--text-muted);margin-top:4px;font-size:9px;display:block}.table-warning{color:var(--warning);margin-top:5px;font-size:8px;display:block}.filters{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.filter-chip{border:1px solid var(--border);min-height:30px;color:var(--text-muted);background:0 0;border-radius:8px;padding:0 11px;font-size:9px}.filter-chip.active{color:var(--accent);background:var(--accent-soft);border-color:#58d6c733}.detail-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);gap:16px;display:grid}.detail-section{padding:22px}.detail-hero{background:linear-gradient(135deg,#58d6c717,#111f33e0 55%);border:1px solid #58d6c733;border-radius:15px;margin-bottom:16px;padding:26px}.detail-hero h2{margin:10px 0 6px;font-size:25px}.detail-hero p{color:var(--text-muted);font-size:11px}.summary-box{border:1px solid var(--border);background:#07101f70;border-radius:12px;margin-top:20px;padding:18px}.summary-box h3{color:var(--accent);letter-spacing:.12em;margin-bottom:10px;font-size:10px}.summary-box p{color:var(--text-secondary);font-size:11px;line-height:1.75}.work-session-note{color:var(--accent-strong);align-items:center;gap:8px;margin-top:14px;font-size:10px;display:flex}.work-session-pulse{background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #58d6c71a}.info-stack{border:1px solid var(--border);background:var(--border);border-radius:12px;gap:1px;display:grid;overflow:hidden}.info-row{background:var(--surface);padding:15px 17px}.info-row .fact-label{margin-bottom:7px}.timeline-list{padding:10px 22px 22px}.timeline-row{grid-template-columns:110px 16px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:76px;display:grid;position:relative}.timeline-row:not(:last-child):after{content:"";background:var(--border);width:1px;position:absolute;top:47px;bottom:-28px;left:131px}.timeline-time{color:var(--text-muted);text-align:right;font-size:10px}.timeline-dot{z-index:1;border:2px solid var(--surface-raised);background:var(--accent);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1px #58d6c759}.timeline-project strong{color:var(--text-secondary);font-size:11px;display:block}.timeline-project span{color:var(--text-muted);margin-top:5px;font-size:9px;display:block}.decision-list,.attention-list{gap:10px;display:grid}.decision-card,.attention-card{border:1px solid var(--border);background:linear-gradient(145deg,#111f33e6,#0b1727e6);border-radius:13px;padding:19px}.decision-card-head,.attention-card-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.decision-card h3,.attention-card h3{color:var(--text);font-size:12px}.decision-card p,.attention-card p{color:var(--text-secondary);margin-top:8px;font-size:10px;line-height:1.65}.card-meta{color:var(--text-muted);margin-top:12px;font-size:9px;line-height:1.55}.attention-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.empty-state{text-align:center;place-items:center;min-height:220px;padding:32px;display:grid}.empty-state svg{width:24px;color:var(--text-muted)}.empty-state strong{margin-top:12px;font-size:12px}.empty-state p{color:var(--text-muted);margin-top:7px;font-size:10px}.page-state{text-align:center;place-items:center;min-height:280px;padding:32px;display:grid}.page-state>svg{width:24px;color:var(--warning)}.page-state strong{margin-top:13px;font-size:12px}.page-state p{color:var(--text-muted);margin:7px 0 16px;font-size:10px}.loading-ring{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-screen{background:radial-gradient(circle at 50% 10%, #58d6c717, transparent 34%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-screen>p{color:var(--text-muted);font-size:11px}.auth-spinner{width:28px;color:var(--accent);animation:.8s linear infinite spin}.auth-card{border:1px solid var(--border-strong);background:linear-gradient(145deg,#111f33fa,#0b1727fa);border-radius:18px;width:min(430px,100%);padding:34px;box-shadow:0 26px 80px #0000003d}.auth-brand{color:var(--accent);letter-spacing:.15em;align-items:center;gap:9px;margin-bottom:34px;font-size:11px;font-weight:700;display:flex}.auth-brand svg{width:20px}.auth-card h1{letter-spacing:-.04em;font-size:26px}.auth-copy{color:var(--text-muted);margin-top:10px;font-size:11px;line-height:1.7}.auth-form{gap:10px;margin-top:25px;display:grid}.auth-form label{color:var(--text-secondary);font-size:10px;font-weight:600}.auth-form input{border:1px solid var(--border-strong);width:100%;height:43px;color:var(--text);font:inherit;background:#07101fb8;border-radius:9px;padding:0 13px;font-size:11px}.auth-form input:focus{border-color:var(--accent);outline:2px solid #58d6c759}.auth-form .button{margin-top:4px}.auth-error{color:var(--danger);font-size:9px}.auth-message{background:var(--accent-soft);border:1px solid #58d6c72e;border-radius:11px;gap:12px;margin-top:25px;padding:16px;display:flex}.auth-message svg{width:18px;color:var(--accent);flex:none}.auth-message strong{font-size:11px}.auth-message p{color:var(--text-muted);margin-top:5px;font-size:9px}.auth-footnote{color:var(--text-muted);text-align:center;margin-top:24px;font-size:9px}.success-banner{color:var(--success);background:var(--success-soft);border:1px solid #68d39133;border-radius:10px;margin-bottom:16px;padding:12px 15px;font-size:10px}.form-panel{width:min(920px,100%);margin:0 auto;padding:0 24px 24px;overflow:visible}.form-section-head{border-bottom:1px solid var(--border);align-items:center;min-height:72px;margin:0 -24px 24px;padding:0 24px;display:flex}.form-section-head h2{font-size:14px}.form-section-head p{color:var(--text-muted);margin-top:6px;font-size:10px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.form-field{color:var(--text-secondary);align-content:start;gap:7px;font-size:10px;font-weight:600;display:grid}.form-field.wide{grid-column:1/-1}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border-strong);width:100%;color:var(--text);font:inherit;background:#07101fb3;border-radius:9px;font-size:11px;font-weight:400}.form-field input,.form-field select{min-height:42px;padding:0 12px}.form-field textarea{resize:vertical;min-height:104px;padding:11px 12px;line-height:1.65}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent);outline:2px solid #58d6c747}.form-field small{color:var(--text-muted);font-size:9px;font-weight:400;line-height:1.5}.form-error{color:var(--danger);background:var(--danger-soft);border:1px solid #ff7c842e;border-radius:9px;margin-top:18px;padding:11px 13px;font-size:9px}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:24px;padding-top:20px;display:flex}.integration-note{align-items:center;gap:14px;margin-bottom:16px;padding:17px 19px;display:flex}.integration-note>svg{width:20px;color:var(--accent);flex:none}.integration-note strong{font-size:11px}.integration-note p{color:var(--text-muted);margin-top:5px;font-size:9px;line-height:1.6}.codex-inbox-list{margin-top:12px}.codex-event-card p{white-space:pre-line}.codex-event-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.integration-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.integration-card{padding:22px}.integration-card-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;display:grid}.integration-card-head .eyebrow{margin-bottom:4px}.integration-card-head h2{font-size:15px}.integration-icon{width:38px;height:38px;color:var(--accent);background:var(--accent-soft);border:1px solid #58d6c733;border-radius:11px;place-items:center;display:grid}.integration-icon svg{width:18px}.integration-card-copy{color:var(--text-secondary);margin-top:18px;font-size:10px;line-height:1.7}.integration-capabilities{gap:9px;margin:18px 0;padding:0;list-style:none;display:grid}.integration-capabilities li{color:var(--text-secondary);align-items:center;gap:8px;font-size:10px;display:flex}.integration-capabilities svg{width:14px;color:var(--accent)}.integration-runtime{min-height:42px;color:var(--warning);background:var(--warning-soft);border:1px solid #f5b9552e;border-radius:9px;align-items:center;gap:9px;padding:10px 12px;font-size:9px;line-height:1.5;display:flex}.integration-runtime.ready{color:var(--success);background:var(--success-soft);border-color:#68d3912e}.integration-runtime svg{flex:none;width:15px}.device-setup{margin-bottom:16px}.device-register{grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:12px;margin-top:18px;display:grid}.device-register .button{min-height:42px}.device-help{color:var(--text-muted);margin-top:10px;font-size:9px;line-height:1.6}.device-help strong{color:var(--text-secondary)}.device-list{border-top:1px solid var(--border);gap:8px;margin-top:18px;padding-top:16px;display:grid}.device-empty{color:var(--text-muted);font-size:10px}.device-row{border:1px solid var(--border);background:#07101f57;border-radius:9px;justify-content:space-between;align-items:center;gap:14px;min-height:54px;padding:10px 12px;display:flex}.device-row strong{font-size:10px}.device-row p{color:var(--text-muted);margin-top:4px;font-size:9px}@media (width<=1120px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-primary{grid-template-columns:1fr}.dashboard-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}}@media (width<=820px){:root{--sidebar-width:0px}.sidebar{border-right:0;border-bottom:1px solid var(--border);width:100%;padding:14px 16px;position:static}.brand{padding:0 0 14px}.nav-label,.sidebar-foot{display:none}.nav-list{padding-bottom:2px;display:flex;overflow-x:auto}.nav-item{flex:none;min-height:38px}.main-shell{margin-left:0}.topbar{height:56px;padding:0 18px}.page-content{padding:24px 18px}.dashboard-secondary,.integration-overview,.device-register{grid-template-columns:1fr}}@media (width<=560px){.nav-item span{display:none}.page-title-row{flex-direction:column;align-items:flex-start}.metrics-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:88px;padding:15px}.metric-value strong{font-size:21px}.today-label{display:none}.action-row{flex-direction:column}.attention-card{grid-template-columns:1fr}.timeline-row{grid-template-columns:78px 13px minmax(0,1fr);gap:9px}.timeline-row:not(:last-child):after{left:93px}.timeline-row .badge{display:none}.form-panel{padding:0 18px 18px}.form-section-head{margin:0 -18px 20px;padding:0 18px}.form-grid{grid-template-columns:1fr}.form-field.wide{grid-column:auto}.form-actions{flex-direction:column-reverse;align-items:stretch}.codex-event-actions{flex-direction:column;align-items:stretch}}