:root{--bg:#f4f5f7;--panel:#fff;--border:#e6e8ec;--border-strong:#d7dae0;--text:#16181d;--text-2:#5b626e;--text-3:#9298a3;--accent:#4f46e5;--accent-hover:#4338ca;--accent-weak:#eef0fe;--accent-border:#c7ccfb;--green:#1f9d57;--green-weak:#e8f6ee;--green-border:#cde8d8;--blue:#1d4ed8;--blue-weak:#e8efff;--blue-border:#c9dbff;--red:#d6455d;--red-weak:#fdeef0;--red-border:#f1c0c8;--amber:#b7791f;--amber-weak:#fdf4e3;--amber-border:#f3e2bd;--kakao:#fee500;--kakao-text:#191600;--radius:6px;--radius-sm:4px;--shadow-sm:0 1px 2px #1418210d;--shadow-md:0 4px 16px #1418211a, 0 1px 3px #1418210f;--shadow-pop:0 8px 28px #14182129, 0 2px 6px #14182114}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Pretendard,-apple-system,system-ui,sans-serif;font-size:14px;line-height:1.5}body,#app{min-height:100vh}.page{max-width:67.5rem;margin:0 auto;padding:0 1.5rem 4.375rem}.crumb{color:var(--text-3);white-space:nowrap;align-items:center;gap:.4375rem;padding:1.125rem 0 0;font-size:.781rem;display:flex}.crumb .lnk{color:var(--text-2);font-weight:600;text-decoration:none}.crumb .lnk:hover{color:var(--accent)}.crumb .sep{opacity:.5}.crumb b{color:var(--text-2);font-weight:600}.btn{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--panel);height:2.25rem;color:var(--text-2);cursor:pointer;white-space:nowrap;align-items:center;gap:.375rem;padding:0 .9375rem;font-family:inherit;font-size:.844rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{color:var(--text);background:#f7f8fa}.btn svg{width:.9375rem;height:.9375rem}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 1px 2px #4f46e566}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:#eceef1}.btn.sm{height:1.875rem;padding:0 .75rem;font-size:.781rem}.btn.icon{justify-content:center;width:2.125rem;padding:0}.avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:1.3125rem;height:1.3125rem;font-size:.625rem;font-weight:700;display:grid}.av-more{color:var(--text-2);background:#eceef1;box-shadow:0 0 0 2px #fff}.avstack{align-items:center;display:flex}.avstack .avatar{margin-left:-.4375rem;box-shadow:0 0 0 2px #fff}.avstack .avatar:first-child{margin-left:0}.st-badge{white-space:nowrap;text-align:center;border-radius:20px;padding:.1875rem .625rem;font-size:.719rem;font-weight:600}.st-badge.prog{color:var(--blue);background:var(--blue-weak)}.st-badge.review{color:var(--amber);background:var(--amber-weak)}.st-badge.changes{color:var(--red);background:var(--red-weak)}.st-badge.done{color:var(--green);background:var(--green-weak)}.st-badge.todo{color:var(--text-2);background:#f1f2f4}.st-dot{border-radius:50%;flex-shrink:0;width:.5625rem;height:.5625rem}.st-dot.done{background:var(--green)}.st-dot.prog{background:var(--blue)}.st-dot.review{background:var(--amber)}.st-dot.todo{background:#c4c8cf}.st-dot.changes{background:var(--red)}.vis{white-space:nowrap;border-radius:20px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;line-height:1.5;display:inline-flex}.vis svg{width:.6875rem;height:.6875rem}.vis.private{color:var(--text-2);border:1px solid var(--border);background:#f1f2f4}.vis.public{color:#1b7a3d;background:var(--green-weak);border:1px solid var(--green-border)}.count-pill{color:var(--text-2);border:1px solid var(--border);background:#f1f2f4;border-radius:20px;padding:.125rem .6875rem;font-size:.8125rem;font-weight:600}.pbar{background:#eceef1;border-radius:4px;height:.375rem;overflow:hidden}.pbar>i{background:var(--green);border-radius:4px;height:100%;display:block}.pbar>i.mid{background:var(--accent)}.pbar>i.low{background:var(--amber)}.toolbar{align-items:center;gap:.625rem;margin-bottom:.875rem;display:flex}.search{border:1px solid var(--border-strong);border-radius:var(--radius);background:#fff;align-items:center;gap:.5rem;width:17.5rem;height:2.25rem;padding:0 .6875rem;display:flex}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.search svg{width:1rem;height:1rem;color:var(--text-3)}.search input{background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:.844rem}.search input::placeholder{color:var(--text-3)}.segmented{border-radius:var(--radius);background:#eceef1;gap:.125rem;padding:.1875rem;display:flex}.segmented button{color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:.375rem;padding:.3125rem .8125rem;font-family:inherit;font-size:.8125rem;font-weight:600;display:flex}.segmented button.active{color:var(--text);box-shadow:var(--shadow-sm);background:#fff}.segmented button .n{color:var(--text-3);font-size:.6875rem;font-weight:600}.segmented button.active .n{color:var(--accent)}.card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:.625rem}.list{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:.625rem;overflow:hidden}.modal-backdrop{z-index:100;background:#14182180;justify-content:center;align-items:center;padding:1.5rem;display:none;position:fixed;inset:0}.modal-backdrop.open{display:flex}.modal{background:#fff;border-radius:.875rem;width:100%;max-width:27.5rem;overflow:hidden;box-shadow:0 24px 64px #14182152}.modal-body{text-align:center;padding:1.625rem 1.5rem .5rem}.modal-body.left{text-align:left;padding:1.375rem 1.5rem .5rem}.modal-ico{background:var(--red-weak);width:2.875rem;height:2.875rem;color:var(--red);border-radius:50%;place-items:center;margin:0 auto .875rem;display:grid}.modal-ico.approve{background:var(--green-weak);color:var(--green)}.modal-ico.info{background:var(--accent-weak);color:var(--accent)}.modal-ico.warning{background:var(--amber-weak);color:var(--amber)}.modal-ico svg{width:1.375rem;height:1.375rem}.modal-title{letter-spacing:-.01875rem;font-size:1.0625rem;font-weight:700}.modal-desc{color:var(--text-2);margin-top:.5rem;font-size:.8125rem;line-height:1.6}.modal-desc.spaced{margin:.5rem 0 .875rem}.modal-desc b{color:var(--text);font-weight:600}.modal-foot{gap:.5625rem;padding:1.125rem 1.5rem 1.25rem;display:flex}.mbtn{border-radius:var(--radius);border:1px solid var(--border-strong);height:2.5rem;color:var(--text-2);cursor:pointer;background:#fff;flex:1;font-family:inherit;font-size:.844rem;font-weight:600}.mbtn:hover{color:var(--text);background:#f1f2f4}.mbtn.danger{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 1px 2px #d6455d66}.mbtn.danger:hover{background:#c23a51}.mbtn.approve{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 1px 2px #1f9d5766}.mbtn.approve:hover{background:#188a4b}.mbtn.request-send,.mbtn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 1px 2px #4f46e566}.mbtn.request-send:hover,.mbtn.primary:hover{background:var(--accent-hover)}.modal-textarea{border:1px solid var(--border-strong);border-radius:var(--radius);width:100%;min-height:5.75rem;color:var(--text);resize:vertical;padding:.625rem .75rem;font-family:inherit;font-size:.844rem;line-height:1.6}.modal-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak);outline:none}.modal-textarea::placeholder{color:var(--text-3)}.load-more{border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-2);cursor:pointer;background:#fff;margin:1.25rem auto 0;padding:.5rem 1.375rem;font-family:inherit;font-size:.844rem;font-weight:600;display:block}.load-more:hover{color:var(--text);background:#f7f8fa}.load-more:disabled{opacity:.6;cursor:default}