@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}.flow-tabs{gap:7px;margin:-10px 0 16px;display:flex;overflow-x:auto}.flow-tab{border:1px solid var(--border);min-height:34px;color:var(--text-muted);border-radius:9px;flex:none;align-items:center;gap:7px;padding:0 12px;font-size:10px;font-weight:600;display:inline-flex}.flow-tab:hover,.flow-tab.active{color:var(--accent);background:var(--accent-soft);border-color:#58d6c738}.flow-tab svg{width:14px}.flow-filter-panel{grid-template-columns:minmax(230px,1.5fr) repeat(4,minmax(112px,1fr));gap:8px;margin-bottom:18px;padding:13px;display:grid}.flow-filter-panel select,.flow-search{border:1px solid var(--border);min-height:36px;color:var(--text-secondary);font:inherit;background:#07101f9e;border-radius:8px;font-size:9px}.flow-filter-panel select{padding:0 28px 0 10px}.flow-search{align-items:center;gap:8px;padding:0 10px;display:flex}.flow-search svg{width:14px;color:var(--text-muted);flex:none}.flow-search input{width:100%;min-width:150px;color:var(--text);font:inherit;background:0 0;border:0;outline:0}.flow-board{scroll-snap-type:x proximity;grid-auto-columns:minmax(320px,420px);grid-auto-flow:column;gap:12px;padding-bottom:12px;display:grid;overflow-x:auto}.flow-column{border:1px solid var(--border);scroll-snap-align:start;background:#0b172794;border-radius:14px;min-height:420px;padding:13px}.flow-column-head{justify-content:space-between;align-items:center;gap:12px;padding:3px 3px 13px;display:flex}.flow-column-head span{color:var(--text-muted);letter-spacing:.16em;font-size:7px;font-weight:700}.flow-column-head h2{margin-top:4px;font-size:12px}.flow-column-head>strong{width:24px;height:24px;color:var(--accent);background:var(--accent-soft);border-radius:7px;place-items:center;font-size:9px;display:grid}.flow-card-list{gap:10px;display:grid}.flow-card{border:1px solid var(--border);background:linear-gradient(145deg,#111f33f5,#091423f5);border-radius:11px;padding:15px}.flow-card-code,.flow-handoff-head,.flow-attention-work-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.flow-card-code>span,.flow-code{color:var(--accent);letter-spacing:.06em;font-size:9px;font-weight:700}.flow-card h3{margin-top:11px;font-size:13px;line-height:1.45}.flow-card-context{color:var(--text-muted);margin-top:6px;font-size:8px;line-height:1.5}.flow-card-badges{flex-wrap:wrap;gap:5px;margin-top:11px;display:flex}.flow-card-facts,.flow-memory-list,.flow-handoff-facts{border:1px solid var(--border);background:var(--border);border-radius:9px;gap:1px;margin:14px 0 0;padding:0;display:grid;overflow:hidden}.flow-card-facts>div,.flow-memory-list>div,.flow-handoff-facts>div{background:#07101fb8;padding:10px 11px}.flow-card-facts dt,.flow-memory-list dt,.flow-handoff-facts dt{color:var(--text-muted);font-size:7px}.flow-card-facts dd,.flow-memory-list dd,.flow-handoff-facts dd{color:var(--text-secondary);margin:4px 0 0;font-size:9px;line-height:1.5}.flow-card-facts .next dd,.flow-memory-list .next dd,.flow-handoff-facts .next dd{color:var(--accent-strong);font-weight:600}.flow-card-link{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:13px;font-size:9px;font-weight:600;display:flex}.flow-card-link:hover{color:var(--accent)}.flow-card-link svg{width:13px}.flow-empty-action{justify-content:center;padding:0 0 28px;display:flex}.flow-check{color:var(--text-secondary);align-items:center;gap:9px;font-size:10px;display:flex}.flow-check.wide{grid-column:1/-1}.flow-check input{accent-color:var(--accent)}.flow-detail-hero{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:20px;display:flex}.flow-detail-title .flow-card-badges{margin-top:0}.flow-detail-title>p{color:var(--text-muted);margin-top:10px;font-size:9px;line-height:1.6}.flow-detail-title strong{color:var(--text-secondary)}.flow-detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.flow-detail-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);gap:16px;display:grid}.flow-detail-main,.flow-detail-side{align-content:start;gap:16px;display:grid}.flow-section-title{margin-bottom:16px;font-size:13px}.flow-section-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.flow-section-heading .flow-section-title{margin:3px 0 12px}.flow-section-heading>svg{width:22px;height:22px;color:var(--accent)}.flow-codex-binding{background:linear-gradient(135deg, #58d6c70f, transparent 42%), var(--surface);border-color:#58d6c752}.flow-portable-handoff{background:linear-gradient(135deg, #6da8ff12, transparent 42%), var(--surface);border-color:#6da8ff3d}.flow-handoff-card-text{resize:vertical;border:1px solid var(--border-strong);width:100%;min-height:230px;color:var(--text-secondary);background:#07101fb8;border-radius:9px;outline:0;margin-top:14px;padding:14px;font:9px/1.7 DM Sans,Noto Sans KR,system-ui,sans-serif}.flow-handoff-card-text:focus{border-color:#6da8ff66}.flow-portable-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.flow-portable-grid label{color:var(--text-secondary);font-size:9px;font-weight:700}.flow-portable-grid .flow-handoff-card-text{margin-top:7px}.flow-portable-actions{justify-content:flex-end;margin-top:10px;display:flex}.flow-return-intake{max-width:900px;margin:0 auto}.flow-return-intake form{margin-top:16px}.flow-return-intake form>label{color:var(--text-secondary);font-size:9px;font-weight:700;display:block}.flow-return-intake .flow-handoff-card-text{min-height:220px;margin-top:7px}.flow-validation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.flow-validation-card{padding:18px}.flow-validation-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.flow-validation-card-head>span{width:34px;height:34px;color:var(--accent);background:var(--accent-soft);border:1px solid #58d6c738;border-radius:10px;place-items:center;display:grid}.flow-validation-card-head svg{width:17px}.flow-validation-card h2{margin-top:14px;font-size:14px}.flow-validation-device{color:var(--text-muted);margin-top:6px;font-size:9px}.flow-validation-evidence{color:var(--text-secondary);align-items:center;gap:8px;margin-top:15px;font-size:9px;display:flex}.flow-validation-evidence svg{width:15px;color:var(--accent);flex:none}.flow-validation-next{border:1px solid var(--border);background:#07101f6b;border-radius:9px;gap:5px;margin:14px 0;padding:12px;display:grid}.flow-validation-next span{color:var(--text-muted);font-size:8px}.flow-validation-next strong{color:var(--accent-strong);font-size:10px;line-height:1.55}.flow-validation-card .text-link{align-items:center;gap:6px;font-size:9px;display:inline-flex}.flow-validation-card .text-link svg{width:13px}.flow-validation-results{margin-bottom:16px}.flow-validation-result-groups{gap:12px;margin-top:16px;display:grid}.flow-validation-result-group{border:1px solid var(--border);background:#07101f6b;border-radius:11px;overflow:hidden}.flow-validation-result-group-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:12px 14px;display:flex}.flow-validation-result-group-head>div{gap:5px;display:grid}.flow-validation-result-group-head strong{font-size:11px}.flow-validation-result-group-head span{color:var(--text-muted);font-size:8px}.flow-validation-check-list{display:grid}.flow-validation-check-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(250px,1fr) minmax(180px,.65fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.flow-validation-check-row:last-child{border-bottom:0}.flow-validation-check-copy{gap:5px;display:grid}.flow-validation-check-copy>div{align-items:center;gap:8px;display:flex}.flow-validation-check-copy strong{font-size:9px}.flow-validation-check-copy span,.flow-validation-check-copy small{color:var(--text-muted);font-size:8px;line-height:1.5}.flow-validation-check-row input{border:1px solid var(--border-strong);width:100%;min-height:36px;color:var(--text-secondary);font:inherit;background:#07101fb8;border-radius:8px;outline:0;padding:0 10px;font-size:9px}.flow-validation-check-row input:focus{border-color:#58d6c766}.flow-validation-check-actions{gap:6px;display:flex}.flow-validation-check-actions .button{min-width:74px}.flow-validation-pass[aria-pressed=true]{color:var(--success);background:var(--success-soft);border-color:#68d3914d}.flow-validation-fail[aria-pressed=true]{color:var(--danger);background:var(--danger-soft);border-color:#ff7c844d}.flow-validation-save-message,.flow-validation-save-error{border-radius:8px;margin-top:12px;padding:10px 12px;font-size:9px}.flow-validation-save-message{color:var(--success);background:var(--success-soft)}.flow-validation-save-error{color:var(--danger);background:var(--danger-soft)}.flow-validation-runbook ol{border:1px solid var(--border);background:var(--border);counter-reset:validation-step;border-radius:10px;gap:1px;display:grid;overflow:hidden}.flow-validation-runbook li{counter-increment:validation-step;background:#07101fb8;grid-template-columns:minmax(120px,.35fr) minmax(0,1fr);gap:12px;padding:12px 14px;display:grid}.flow-validation-runbook li strong{color:var(--text-secondary);font-size:9px}.flow-validation-runbook li strong:before{content:counter(validation-step) ". ";color:var(--accent)}.flow-validation-runbook li span{color:var(--text-muted);font-size:9px;line-height:1.5}.flow-codex-binding-actions{grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:10px;margin-top:14px;display:grid}.flow-codex-binding-actions label{color:var(--text-muted);gap:6px;font-size:8px;font-weight:600;display:grid}.flow-codex-binding-actions select{border:1px solid var(--border-strong);width:100%;min-height:38px;color:var(--text);font:inherit;background:#07101fb8;border-radius:8px;padding:0 10px;font-size:10px}.flow-binding-note{color:var(--text-muted);margin-top:12px;font-size:8px;line-height:1.6}.flow-memory-list{margin-top:0}.flow-muted{color:var(--text-muted);font-size:9px;line-height:1.6}.flow-compact-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.flow-compact-form label{color:var(--text-muted);gap:6px;font-size:8px;font-weight:600;display:grid}.flow-compact-form label.wide,.flow-form-submit.wide{grid-column:1/-1}.flow-compact-form input,.flow-compact-form select,.flow-event-confirm select{border:1px solid var(--border-strong);width:100%;min-height:38px;color:var(--text);font:inherit;background:#07101fb8;border-radius:8px;padding:0 10px;font-size:10px}.flow-form-submit{justify-content:flex-end;padding-top:4px;display:flex}.flow-source-list{gap:8px;display:grid}.flow-source-list>div{border:1px solid var(--border);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;display:grid}.flow-source-list span{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.flow-source-list a{color:var(--text-muted)}.flow-source-list svg{width:13px}.flow-history{display:grid}.flow-history article{grid-template-columns:12px minmax(0,1fr);gap:12px;min-height:78px;display:grid;position:relative}.flow-history article:not(:last-child):before{content:"";background:var(--border);width:1px;position:absolute;top:13px;bottom:0;left:4px}.flow-history-dot{z-index:1;border:2px solid var(--surface);background:var(--accent);border-radius:50%;width:9px;height:9px;margin-top:3px;box-shadow:0 0 0 1px #58d6c759}.flow-history time{color:var(--text-muted);font-size:8px}.flow-history h3{margin-top:5px;font-size:10px}.flow-history p{color:var(--text-muted);margin-top:5px;font-size:9px}.flow-handoff-list{gap:12px;display:grid}.flow-handoff-card{padding:21px}.flow-handoff-head h2{margin-top:6px;font-size:15px}.flow-transfer{align-items:center;gap:8px;margin-top:16px;display:flex}.flow-transfer>svg{width:14px;color:var(--text-muted)}.flow-transfer>span{color:var(--text-muted);margin-left:4px;font-size:9px}.flow-handoff-summary{color:var(--text-secondary);margin-top:14px;font-size:10px;line-height:1.65}.flow-handoff-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-handoff-foot{justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.flow-handoff-foot>span{color:var(--text-muted);font-size:8px}.flow-attention-groups{gap:16px;display:grid}.flow-attention-section{overflow:hidden}.flow-attention-list{display:grid}.flow-attention-list>article{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr);gap:13px;padding:17px 19px;display:grid}.flow-attention-list>article:last-child{border-bottom:0}.flow-attention-icon{width:31px;height:31px;color:var(--warning);background:var(--warning-soft);border-radius:9px;place-items:center;display:grid}.flow-attention-icon svg{width:15px}.flow-attention-list h3{font-size:11px}.flow-attention-list p{color:var(--text-secondary);margin-top:6px;font-size:9px;line-height:1.55}.flow-attention-list span{color:var(--text-muted);margin-top:7px;font-size:8px;display:block}.flow-attention-list .text-link{margin-top:9px}.flow-attention-work-head{flex-wrap:wrap;justify-content:flex-start}.flow-event-confirm{grid-template-columns:minmax(180px,1fr) auto auto;gap:8px;margin-top:11px;display:grid}.flow-briefing-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.flow-briefing-metrics article{border:1px solid var(--border);background:linear-gradient(145deg,#111f33ed,#0b1727ed);border-radius:13px;min-height:92px;padding:17px 18px}.flow-briefing-metrics span,.flow-briefing-metrics small{color:var(--text-muted);font-size:9px;display:block}.flow-briefing-metrics strong{color:var(--accent);margin:8px 0 5px;font-size:24px;display:block}.flow-briefing-focus{background:radial-gradient(circle at 100% 0,#58d6c71a,#0000 40%),linear-gradient(145deg,#102237,#0c192b);border-color:#58d6c742;grid-template-columns:minmax(0,1.4fr) minmax(280px,.65fr);margin-bottom:16px;display:grid}.flow-briefing-focus-copy{padding:25px}.flow-briefing-title-row{align-items:center;gap:9px;display:flex}.flow-briefing-title-row>span{color:var(--accent);letter-spacing:.07em;font-size:10px;font-weight:700}.flow-briefing-focus h2{letter-spacing:-.025em;margin-top:10px;font-size:22px}.flow-briefing-context{color:var(--text-muted);margin-top:7px;font-size:9px}.flow-briefing-reason{color:var(--text-secondary);margin-top:17px;font-size:11px;line-height:1.65}.flow-briefing-next{border-left:1px solid var(--border);background:#07101f40;align-content:center;gap:10px;padding:25px;display:grid}.flow-briefing-next>span{color:var(--text-muted);font-size:9px}.flow-briefing-next>strong{color:var(--accent-strong);font-size:13px;line-height:1.6}.flow-briefing-next .flow-card-badges{margin:0 0 5px}.flow-briefing-next .button{justify-self:start}.flow-briefing-empty{margin-bottom:16px}.flow-briefing-alert{color:var(--warning);background:var(--warning-soft);border:1px solid #f5b95533;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:16px;padding:13px 15px;font-size:9px;display:grid}.flow-briefing-alert>svg{width:15px}.flow-briefing-alert a{align-items:center;gap:5px;font-weight:700;display:inline-flex}.flow-briefing-alert a svg{width:12px}.flow-briefing-list{overflow:hidden}.flow-briefing-list>article{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;min-height:76px;padding:12px 18px;display:grid}.flow-briefing-list>article:last-child{border-bottom:0}.flow-briefing-rank{border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);border-radius:8px;place-items:center;font-size:9px;display:grid}.flow-briefing-list>article:first-of-type .flow-briefing-rank{color:var(--accent);background:var(--accent-soft);border-color:#58d6c738}.flow-briefing-item-copy{min-width:0}.flow-briefing-item-copy>div{align-items:center;gap:8px;display:flex}.flow-briefing-item-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.flow-briefing-item-copy p{color:var(--text-secondary);margin-top:6px;font-size:9px}.flow-briefing-item-copy>span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:8px;display:block;overflow:hidden}.flow-briefing-item-meta{color:var(--text-muted);justify-content:flex-end;align-items:center;gap:9px;font-size:8px;display:flex}.flow-briefing-item-meta>a{border:1px solid var(--border);border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.flow-briefing-item-meta>a:hover{color:var(--accent);border-color:#58d6c738}.flow-briefing-item-meta svg{width:13px}@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,.flow-detail-grid,.flow-briefing-focus{grid-template-columns:1fr}.flow-briefing-next{border-top:1px solid var(--border);border-left:0}.flow-portable-grid,.flow-validation-grid{grid-template-columns:1fr}.flow-validation-check-row{grid-template-columns:minmax(0,1fr) auto}.flow-validation-check-row input{grid-area:2/1/auto/-1}}@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{scrollbar-width:none;padding-bottom:2px;display:flex;overflow-x:auto}.nav-list::-webkit-scrollbar{display:none}.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}.flow-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-search{grid-column:1/-1}.flow-detail-hero{flex-direction:column;align-items:flex-start}.flow-detail-actions{justify-content:flex-start}.flow-briefing-metrics{grid-template-columns:repeat(2,minmax(0,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}.flow-compact-form,.flow-codex-binding-actions{grid-template-columns:1fr}.flow-compact-form label.wide,.flow-form-submit.wide{grid-column:auto}.flow-handoff-facts{grid-template-columns:1fr}.flow-handoff-foot{flex-direction:column;align-items:stretch}.flow-event-confirm,.flow-filter-panel{grid-template-columns:1fr}.flow-search{grid-column:auto}.flow-board{grid-auto-columns:minmax(280px,calc(100vw - 36px))}.flow-briefing-list>article{grid-template-columns:auto minmax(0,1fr)}.flow-briefing-item-meta{grid-column:2;justify-content:flex-start}.flow-validation-check-row{grid-template-columns:1fr}.flow-validation-check-row input{grid-area:auto}.flow-validation-check-actions{justify-content:flex-start}}