@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f8fafc;color:#34465b;font-family:'Noto Sans KR',Arial,sans-serif;border-top:7px solid #11b8dc}header{height:54px;background:#fff;border-bottom:1px solid #dce5ee;display:flex;align-items:center;justify-content:space-between;padding:0 25px}.brand{display:flex;align-items:center;gap:8px}.brand-mark{width:26px;height:26px;display:grid;place-items:center;border-radius:5px;background:#1976b8;color:white;font-weight:700}.brand strong{font-size:14px}.brand em{color:#159b79;font-style:normal}.brand small{display:none}.primary,.secondary,.danger{font:inherit;border:0;border-radius:4px;padding:8px 13px;cursor:pointer}.primary{background:#1976b8;color:#fff;font-size:12px}.secondary{background:#eef2f6;color:#526276}.danger{background:#fff0f1;color:#cc4855}main{max-width:1320px;margin:auto;padding:10px 24px}.quick-add{height:37px;border:1px solid #c9d6e2;background:#fff;display:flex;align-items:center;margin-bottom:9px}.quick-add button{height:100%;border:0;background:#fff;color:#8191a4;cursor:pointer}.quick-add>button:first-child{width:42px;border-right:1px solid #ffd1d5;font-size:22px;font-weight:300}.quick-add>button:nth-child(2){padding:0 10px;flex:1;text-align:left;font:12px inherit}.quick-actions{font-size:19px;padding:0 12px;color:#425367}.toolbar{display:flex;gap:7px;margin:8px 0 12px}.search{display:flex;align-items:center;border:1px solid #d5e0ea;background:#fff;border-radius:3px;padding:0 8px;flex:1;max-width:420px}.search input{border:0;outline:0;padding:7px;width:100%;font:12px inherit}.toolbar select{border:1px solid #d5e0ea;border-radius:3px;background:#fff;padding:0 8px;color:#607286;font:12px inherit}.section-title{font-size:14px;color:#0878d1;padding:4px 0 7px;border-bottom:1px solid #e1e8ef}.section-title span{font-size:11px;color:#8b9aab;margin-left:4px}.completed-title{margin-top:9px}.notes{background:#fff}.note-row{min-height:50px;border-bottom:1px solid #e1e8ef;display:flex;align-items:center;padding:5px 8px;gap:10px}.note-row:hover{background:#eaf7ff}.note-row.is-done{color:#9aa8b7}.check{width:25px;flex:none}.check input{display:none}.check span{display:block;width:18px;height:18px;border:1px solid #bdcbd7;background:#fff}.check input:checked+span{background:#eef3f7;position:relative}.check input:checked+span:after{content:'✓';position:absolute;color:#9daab8;font-size:20px;line-height:16px;left:1px;top:-2px}.star{border:0;background:transparent;color:#c6d3df;font-size:22px;cursor:pointer;padding:0}.star:hover{color:#f5a000}.row-main{flex:1;min-width:0}.row-main>div{display:flex;gap:9px;align-items:center}.customer{font-size:11px;color:#1776bd;background:#edf6ff;border-radius:3px;padding:2px 5px;white-space:nowrap}.row-main h3{margin:0;font-size:13px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-main .content{margin:2px 0 0;font-size:11px;color:#8494a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-row.is-done h3,.note-row.is-done .content{text-decoration:line-through}.due-date{width:105px;text-align:right;color:#ff5a61;font-size:12px;white-space:nowrap}.more{border:0;background:transparent;color:#637487;font-size:18px;cursor:pointer;padding:5px}.empty{text-align:center;color:#8a97a7;margin:50px 0}dialog{border:0;border-radius:8px;width:min(470px,calc(100% - 30px));padding:0;box-shadow:0 20px 60px #14284c40}dialog::backdrop{background:#10213b75}form{padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:14px}.eyebrow{font-size:10px;color:#168369;letter-spacing:1px;margin:0 0 5px}.modal-head h2{margin:0;font-size:20px}.close{border:0;background:none;font-size:25px;color:#7e8c9d;cursor:pointer}form label{display:block;font-size:12px;color:#5c6b80;font-weight:700;margin-top:12px}form input,form textarea,form select{display:block;width:100%;margin-top:5px;border:1px solid #dce3ea;border-radius:5px;padding:9px;font:13px inherit;outline-color:#238267}form textarea{height:105px;resize:vertical}.actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;margin-top:20px}@media(max-width:650px){header{padding:0 14px}.brand strong{font-size:12px}main{padding:9px 8px}.toolbar select{max-width:105px}.row-main h3{font-size:12px}.customer{display:none}.due-date{width:77px;font-size:10px}.note-row{gap:6px;padding:5px}.row-main .content{font-size:10px}}
/* 제목만 빠르게 추가할 때 사용하는 같은 줄 입력창 */
.inline-quick-input{height:100%;min-width:0;flex:1;border:0;outline:0;padding:0 10px;color:#34465b;background:#fff;font:12px inherit}.inline-quick-input:focus{box-shadow:inset 0 -2px 0 #1976b8}
.due-date.is-future{color:#202124;font-weight:600}.due-date.is-no-due{color:#637487}.due-date.is-upcoming,.due-date.is-overdue{color:#ef4444;font-weight:700}.due-date.is-due-soon{color:#1677c8;font-weight:700;animation:due-soon-alert 1.05s ease-in-out infinite}.due-date.is-completed{color:#637487}@keyframes due-soon-alert{0%,100%{color:#1677c8;text-shadow:0 0 0 #1677c800;opacity:1}50%{color:#1677c8;text-shadow:0 0 7px #1677c88c,0 0 13px #62b5ef5c;opacity:.68}}@media(prefers-reduced-motion:reduce){.due-date.is-due-soon{animation:none}}.dates-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dates-row label{margin-top:0!important}@media(max-width:520px){.dates-row{grid-template-columns:1fr}}
.due-date{white-space:pre-line;line-height:1.45;font-size:8px}
.trash-button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#637487;font:12px inherit;cursor:pointer;padding:7px 8px}.trash-button:hover{color:#1976b8;background:#eef7fd;border-radius:4px}.recycle-bin-icon{width:18px;height:18px;fill:#1687c8;filter:drop-shadow(0 1px 0 #fff)}
.trash-button img.recycle-bin-icon{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 1px 1px #4563)}
.subtasks{margin-top:13px;border-top:1px solid #e0e7ee;padding-top:10px}.subtasks-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#43566b}.subtasks-head button,.subtask-remove{border:0;border-radius:4px;background:#edf5fb;color:#176fae;font:11px inherit;cursor:pointer;padding:5px 8px}.subtask-list{margin-top:7px}.subtask-item{display:flex;align-items:center;gap:7px;padding:4px 0}.subtask-item input[type=checkbox]{width:16px;height:16px;accent-color:#1976b8}.subtask-item input[type=text]{flex:1;border:0;border-bottom:1px solid #dbe4ec;border-radius:0;padding:5px 2px;margin:0;font:12px inherit}.subtask-item.is-done input[type=text]{color:#92a0ad;text-decoration:line-through}
.poongsan-brand .brand-mark{width:17px;height:17px;border-radius:0;background:#bd9a2e;font-size:13px;line-height:17px;font-family:Arial,sans-serif}.poongsan-brand strong{font-family:Arial,'Malgun Gothic',sans-serif;font-size:12px;font-weight:400;color:#242424;letter-spacing:0}.poongsan-brand em{display:none}
body.dark-mode{background:#12171d;color:#e7eef5}body.dark-mode header,body.dark-mode .quick-add,body.dark-mode .notes,body.dark-mode dialog{background:#1b232d;color:#e7eef5;border-color:#485967}body.dark-mode .quick-add button,body.dark-mode .inline-quick-input,body.dark-mode .search,body.dark-mode .toolbar select{background:#1b232d;color:#e7eef5;border-color:#485967}body.dark-mode .note-row{border-color:#485967}body.dark-mode .note-row:hover{background:#243847}body.dark-mode .row-main h3,body.dark-mode .row-main .content,body.dark-mode form label,body.dark-mode .section-title{color:#dbe8f3}body.dark-mode form input,body.dark-mode form textarea,body.dark-mode form select{background:#1b232d;color:#fff;border-color:#526475}body.dark-mode .subtasks{border-color:#485967}body.dark-mode .subtask-item input[type=text]{background:#1b232d;color:#fff;border-color:#526475}body.dark-mode .trash-modal .modal-head{background:#1b232d;border-color:#485967}
.row-main>div{display:block}.customer{display:inline-block;margin-bottom:2px;font-weight:700}.row-main .customer+h3{display:block}
.editor-title-row{display:flex;align-items:center;gap:12px}.importance-toggle{display:flex!important;align-items:center;gap:5px;margin:0!important;padding:5px 9px;border-radius:14px;background:#fff2d8;color:#a46600!important;white-space:nowrap}.importance-toggle input{width:15px!important;margin:0!important;accent-color:#f0a000}.row-main h3.is-important-pulse{color:#f08b00;font-weight:700;animation:important-title-pulse 1.15s ease-in-out infinite}@keyframes important-title-pulse{0%,100%{opacity:1;text-shadow:0 0 0 transparent}50%{opacity:.45;text-shadow:0 0 8px #ffb52e}}body.dark-mode .importance-toggle{background:#493a1d;color:#ffd27c!important}@media(prefers-reduced-motion:reduce){.row-main h3.is-important-pulse{animation:none;text-decoration:underline;text-decoration-color:#f0a000;text-decoration-thickness:2px}}
.note-author{display:inline-block;margin-left:5px;color:#718398;font-size:10px}.editor-author{margin:0 0 8px;color:#667b91;font-size:11px}
.new-badge{display:inline-flex;align-items:center;justify-content:center;vertical-align:1px;min-width:24px;height:12px;margin-left:3px;border-radius:4px;background:linear-gradient(110deg,#ff4f70,#ff9e36,#f7dc3c,#39c983,#42a5ff,#a66bff,#ff4f70);background-size:280% 100%;color:#fff;font:800 7px/1 Arial,sans-serif;letter-spacing:.15px;text-shadow:0 1px 1px #0005;box-shadow:0 0 0 1px #fff8,0 0 5px #ff7caa88;animation:new-rainbow 2.4s linear infinite,new-sparkle .85s ease-in-out infinite alternate}@keyframes new-rainbow{to{background-position:280% 0}}@keyframes new-sparkle{from{transform:scale(.96) rotate(-1deg);filter:brightness(.96)}to{transform:scale(1.04) rotate(1deg);filter:brightness(1.18);box-shadow:0 0 0 1px #fff,0 0 8px #ff7caa}}@media(prefers-reduced-motion:reduce){.new-badge{animation:none}}
.cursor-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 2px;color:#737373;font-size:11px}.cursor-pagination>div{display:flex;align-items:center;gap:7px}.cursor-pagination button{border:1px solid #dedede;background:#fff;color:#333;padding:7px 11px;cursor:pointer}.cursor-pagination button:disabled{opacity:.35;cursor:not-allowed}.cursor-pagination strong{min-width:62px;text-align:center;color:#444;font-weight:500}

/* Codex/ChatGPT-style workspace navigation */
body{border-top:0}.app-shell{display:flex;min-height:100vh}.app-content{min-width:0;flex:1;background:#f8fafc}.app-content>header{position:sticky;top:0;z-index:10}.app-sidebar{position:sticky;top:0;z-index:30;display:flex;width:252px;height:100vh;flex:none;flex-direction:column;padding:8px;background:#f3f4f6;border-right:1px solid #dfe3e8;transition:width .18s ease,transform .18s ease}.sidebar-brand{height:48px;display:flex;align-items:center;gap:9px;padding:0 7px}.sidebar-logo{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:8px;background:#183853;color:#fff;font:700 16px Arial}.sidebar-brand-copy{min-width:0;line-height:1.2}.sidebar-brand-copy strong,.sidebar-brand-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-brand-copy strong{font-size:13px;color:#17212b}.sidebar-brand-copy small{margin-top:3px;font-size:9px;color:#7b8794}.sidebar-icon{width:30px;height:30px;margin-left:auto;border:0;border-radius:7px;background:transparent;color:#6d7884;font:20px Arial;cursor:pointer}.sidebar-icon:hover{background:#e2e5e9}.sidebar-new{height:40px;margin:6px 3px 9px;display:flex;align-items:center;gap:11px;border:1px solid #d2d7dc;border-radius:9px;background:#fff;padding:0 12px;color:#17212b;box-shadow:0 1px 2px #0f172a0a;cursor:pointer}.sidebar-new:hover{background:#f8f9fa}.sidebar-new span{font-size:20px;font-weight:300}.sidebar-new b,.sidebar-link b{font-size:12px;font-weight:600}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-link{width:100%;height:39px;display:flex;align-items:center;gap:11px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:#465463;text-decoration:none;cursor:pointer}.sidebar-link>span:first-child{width:20px;text-align:center;font-size:15px}.sidebar-link:hover,.sidebar-link.is-active{background:#e3e6e9;color:#17212b}.sidebar-section{margin:21px 11px 5px;color:#8a949f;font-size:10px;font-weight:700}.sidebar-shortcuts{display:flex;flex-direction:column}.sidebar-shortcuts button{height:35px;display:flex;align-items:center;gap:10px;border:0;border-radius:8px;background:transparent;padding:0 13px;color:#5c6976;font:11px inherit;text-align:left;cursor:pointer}.sidebar-shortcuts button:hover{background:#e3e6e9}.dot{width:7px;height:7px;border-radius:50%}.dot.issue{background:#ef5d68}.dot.inspect{background:#8b67d4}.dot.meeting{background:#e3a225}.sidebar-bottom{margin-top:auto;border-top:1px solid #dce0e4;padding-top:5px}.sidebar-profile{height:48px;display:flex;align-items:center;gap:9px;padding:0 7px;border-radius:9px}.sidebar-profile:hover{background:#e3e6e9}.avatar{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:50%;background:#1976b8;color:#fff;font-weight:700}.sidebar-profile strong,.sidebar-profile small{display:block}.sidebar-profile strong{font-size:11px;color:#2b3743}.sidebar-profile small{font-size:9px;color:#82909d}.more-dots{margin-left:auto}.mobile-menu,.mobile-only{display:none}.sidebar-backdrop{display:none}.app-sidebar.is-collapsed{width:66px}.app-sidebar.is-collapsed .sidebar-label,.app-sidebar.is-collapsed .sidebar-brand-copy,.app-sidebar.is-collapsed .sidebar-section,.app-sidebar.is-collapsed .sidebar-shortcuts{display:none}.app-sidebar.is-collapsed .sidebar-link,.app-sidebar.is-collapsed .sidebar-new{justify-content:center;padding:0}.app-sidebar.is-collapsed .sidebar-icon{margin-left:0}.app-sidebar.is-collapsed .sidebar-brand{padding:0 8px;gap:4px}.app-sidebar.is-collapsed .sidebar-bottom .sidebar-link{padding:0}.app-sidebar.is-collapsed .sidebar-profile{justify-content:center}.daily-report-float,.complaint-float{display:none!important}
body.dark-mode .app-sidebar{background:#171c22;border-color:#303943}body.dark-mode .sidebar-brand-copy strong,body.dark-mode .sidebar-link,body.dark-mode .sidebar-new,body.dark-mode .sidebar-profile strong{color:#e7eef5}body.dark-mode .sidebar-new{background:#222a33;border-color:#3d4854}body.dark-mode .sidebar-link:hover,body.dark-mode .sidebar-link.is-active,body.dark-mode .sidebar-shortcuts button:hover,body.dark-mode .sidebar-profile:hover{background:#28313a}body.dark-mode .sidebar-shortcuts button,body.dark-mode .sidebar-brand-copy small{color:#9ba9b7}body.dark-mode .app-content{background:#12171d}
.sidebar-bottom{position:relative}.sidebar-profile{cursor:pointer}.sidebar-account-menu{position:absolute;left:6px;right:6px;bottom:54px;z-index:50;padding:6px;border:1px solid #dfe3e8;border-radius:12px;background:#fff;box-shadow:0 12px 35px #0f172a24}.sidebar-account-menu[hidden]{display:none}.sidebar-account-action{display:block;width:100%;height:38px;border:0;border-radius:8px;background:transparent;padding:0 12px;color:#303b46;font:12px inherit;text-align:left;cursor:pointer}.sidebar-account-action:hover{background:#eef1f3}.app-sidebar.is-collapsed .sidebar-account-menu{left:58px;right:auto;bottom:0;width:190px}body.dark-mode .sidebar-account-menu{border-color:#37414b;background:#222a33}body.dark-mode .sidebar-account-action{color:#e7eef5}body.dark-mode .sidebar-account-action:hover{background:#303a44}
@media(max-width:720px){body.menu-open{overflow:hidden}.app-sidebar{position:fixed;inset:0 auto 0 0;width:min(280px,86vw);transform:translateX(-102%);box-shadow:8px 0 24px #0f172a26}.app-sidebar.is-mobile-open{transform:translateX(0)}.app-sidebar.is-collapsed{width:min(280px,86vw)}.app-sidebar.is-collapsed .sidebar-label,.app-sidebar.is-collapsed .sidebar-brand-copy,.app-sidebar.is-collapsed .sidebar-section,.app-sidebar.is-collapsed .sidebar-shortcuts{display:initial}.app-sidebar.is-collapsed .sidebar-link,.app-sidebar.is-collapsed .sidebar-new{justify-content:flex-start;padding:0 11px}.desktop-only{display:none}.mobile-only,.mobile-menu{display:block}.mobile-menu{width:34px;height:34px;margin-right:3px;border:0;border-radius:7px;background:transparent;color:#4f6072;font-size:18px}.sidebar-backdrop{position:fixed;inset:0;z-index:20;background:#0f172a66}.sidebar-backdrop.is-visible{display:block}.daily-report-float,.complaint-float{display:none!important}}