@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{font-family:DM Sans,Noto Sans KR,sans-serif;color:#161513;background:#f7f6f2;--ink:#161513;--paper:#f7f6f2;--coral:#ff5b45;--line:#ddd9d0;--muted:#77736b;--sage:#dbe5d9}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:fixed;width:260px;height:100vh;background:#eeece6;padding:30px 22px;display:flex;flex-direction:column;border-right:1px solid var(--line);z-index:30}.brand{font-weight:700;font-size:25px;letter-spacing:-1.5px}.brand>span{color:var(--coral)}.brand small{font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin-left:7px}.creator{margin:55px 0 38px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px}.creator>div{width:40px;height:40px;border-radius:50%;background:var(--coral);color:#fff;display:grid;place-items:center;font-weight:700}.creator span{flex:1}.creator b,.creator small{display:block}.creator b{font-size:13px}.creator small{font-size:10px;color:var(--muted);margin-top:3px}.creator>svg{width:17px;color:#3d7d47}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav button,.logout{display:flex;align-items:center;gap:12px;border:0;background:transparent;padding:12px;color:#716d66;border-radius:8px;font-size:13px;text-align:left}.sidebar nav button svg,.logout svg{width:17px}.sidebar nav button.active{background:var(--ink);color:#fff}.logout{margin-top:auto}.close{display:none}.workspace{grid-column:2;padding:0 4vw 100px;min-width:0}.workspace>header{height:116px;display:flex;align-items:center;border-bottom:1px solid var(--line);margin-bottom:46px}.workspace>header small{font-size:9px;letter-spacing:.17em;color:var(--coral);font-weight:700}.workspace>header h1{font-size:31px;letter-spacing:-.04em;margin:7px 0 0}.period{margin-left:auto;border:1px solid var(--line);background:transparent;display:flex;align-items:center;gap:9px;padding:11px 13px;font-size:11px}.period svg{width:15px}.mobile{display:none}.greeting{background:var(--ink);color:#fff;padding:48px;display:grid;grid-template-columns:2fr auto 1.5fr;gap:45px;align-items:center;margin-bottom:38px}.greeting span{font-size:12px;color:#bbb6ae}.greeting h2{font-size:34px;line-height:1.25;letter-spacing:-.045em;margin:14px 0 0}.greeting>svg{width:70px;height:70px;color:var(--coral)}.greeting p{font-size:12px;color:#aaa69f;line-height:1.8}.money{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin-bottom:55px}.money article{min-height:165px;padding:25px;border-right:1px solid var(--line);display:flex;flex-direction:column}.money article:last-child{border:0}.money small{color:var(--muted);font-size:10px}.money strong{font-size:32px;letter-spacing:-.04em;margin:auto 0 6px}.money article:first-child strong{color:var(--coral)}.money span{font-size:10px;color:var(--muted)}.money button{align-self:flex-start;border:0;background:none;padding:0;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700}.money button svg{width:14px}.chart-section{margin-bottom:65px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.section-title small,.settlement-intro small,.account>div>small{font-size:9px;color:var(--coral);letter-spacing:.15em;font-weight:700}.section-title h3{font-size:24px;margin:8px 0 0}.section-title>span{font-size:10px;color:var(--muted)}.section-title button{border:0;background:none;font-size:11px;font-weight:700}.bars{height:220px;border-bottom:1px solid var(--ink);display:flex;align-items:flex-end;gap:10px;padding:0 10px}.bars>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.bars>div>span{width:100%;max-width:42px;display:block;background:#d8d3ca;transition:.3s}.bars>div:hover>span{background:var(--coral)}.bars small{font-size:8px;color:var(--muted);margin:7px 0 -18px}.two-col{display:grid;grid-template-columns:1.5fr .8fr;gap:5vw}.sales-list{border-top:1px solid var(--ink)}.sales-list>div{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.sale-icon{width:36px;height:36px;border-radius:50%;background:#ece8df;display:grid;place-items:center}.sale-icon svg{width:15px}.sales-list b,.sales-list small{display:block}.sales-list b{font-size:12px}.sales-list small{font-size:9px;color:var(--muted);margin-top:5px}.sale-money{text-align:right}.sale-money>b{color:var(--coral)}.status{font-style:normal;display:inline-block;font-size:8px;background:#e6e2da;color:#5a564f;border-radius:99px;padding:4px 7px;margin-top:5px}.status.eligible,.status.paid{background:#dce9dc;color:#285f2c}.status.pending,.status.draft{background:#eee3cb;color:#72571e}.link-panel{background:var(--coral);color:#fff;padding:35px;display:flex;flex-direction:column;align-items:flex-start}.link-panel>svg{width:34px;height:34px}.link-panel>small{font-size:8px;letter-spacing:.15em;margin-top:auto}.link-panel h3{font-size:25px;letter-spacing:-.04em;line-height:1.25;margin:14px 0 25px}.link-panel button{border:0;background:var(--ink);color:#fff;padding:11px 15px;display:flex;align-items:center;gap:8px;font-size:11px}.link-panel button svg{width:14px}.link-panel p{font-size:9px;color:#ffffffb3}.filters{display:flex;gap:8px;margin-bottom:32px}.filters button{border:1px solid var(--line);background:transparent;border-radius:99px;padding:9px 14px;font-size:10px}.filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.table-section{overflow-x:auto}.table{min-width:850px;border-top:1px solid var(--ink)}.tr{display:grid;grid-template-columns:.8fr 1fr 2fr 1fr 1fr 1fr;gap:15px;align-items:center;padding:17px 12px;border-bottom:1px solid var(--line);font-size:11px}.tr.head{font-size:9px;color:var(--muted);padding:11px 12px}.tr small{display:block;color:var(--muted);margin-top:5px}.privacy{display:flex;gap:15px;background:#ece9e2;padding:20px;margin-top:35px}.privacy svg{width:20px;color:#3c7944}.privacy b,.privacy span{display:block;font-size:11px}.privacy span{color:var(--muted);margin-top:5px}.settlement-intro{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;border-bottom:1px solid var(--ink);padding-bottom:45px;margin-bottom:20px}.settlement-intro h2,.account h2{font-size:38px;line-height:1.2;letter-spacing:-.05em;margin:17px 0 0}.settlement-intro p,.account>div>p{font-size:12px;line-height:1.8;color:var(--muted)}.settlement-list article{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:center;gap:20px;padding:28px 10px;border-bottom:1px solid var(--line)}.settlement-list small{font-size:9px;color:var(--muted)}.settlement-list h3{font-size:25px;margin:8px 0}.settlement-list div>span,.settlement-list div>b{display:block;font-size:10px}.settlement-list div>b{margin-top:6px}.account{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.account form{background:#eeece6;padding:35px;display:grid;gap:20px}.account label{font-size:10px;font-weight:600}.account input,.account select{display:block;width:100%;background:#fff;border:1px solid var(--line);padding:13px;margin-top:8px;outline:none}.account form>button{border:0;background:var(--ink);color:#fff;padding:14px;font-weight:700}.account form>small{text-align:center;color:var(--muted);font-size:9px}.saved{display:flex;gap:12px;background:var(--sage);padding:16px}.saved svg{width:18px;color:#3d7545}.saved b,.saved small{display:block;font-size:10px}.saved small{margin-top:4px;color:#507155}.alert{background:#f2d8d3;color:#8f3022;padding:12px;font-size:10px}.empty{text-align:center;padding:80px 20px}.empty svg{color:var(--coral)}.empty p{color:var(--muted)}.login{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr}.login-visual{background:linear-gradient(#12110f59,#12110fad),url(https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=1500&q=85) center/cover;color:#fff;padding:55px;display:flex;flex-direction:column;justify-content:space-between}.brand.light{color:#fff}.login-visual>div:last-child>small{font-size:9px;letter-spacing:.17em;color:var(--coral)}.login-visual h1{font-size:clamp(58px,6vw,88px);line-height:.95;letter-spacing:-.07em;margin:25px 0}.login-visual p{color:#d5d1c9}.login>form{width:min(430px,80%);margin:auto}.login form h2{font-size:36px;letter-spacing:-.05em;margin:80px 0 8px}.login form>p{font-size:12px;color:var(--muted);margin-bottom:35px}.login form label{font-size:10px;display:block;margin:20px 0}.login form input{width:100%;border:0;border-bottom:1px solid var(--line);padding:13px 0;outline:none;background:transparent}.login form>button{width:100%;border:0;background:var(--ink);color:#fff;padding:15px;display:flex;justify-content:center;align-items:center;gap:8px;font-weight:700;margin:35px 0 15px}.login form>button svg{width:17px}.login form>small{display:block;text-align:center;font-size:9px;color:var(--muted)}.loading,.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:11px}.loading span{width:20px;height:20px;border:2px solid var(--line);border-top-color:var(--coral);border-radius:50%;animation:spin .7s linear infinite}.error-page{flex-direction:column}.error-page button{border:0;background:var(--ink);color:#fff;padding:12px 18px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.greeting{grid-template-columns:1fr auto}.greeting p{grid-column:1/-1}.two-col{grid-template-columns:1fr}.link-panel{min-height:350px}.money{grid-template-columns:1fr}.money article{border-right:0;border-bottom:1px solid var(--line)}.account,.login{grid-template-columns:1fr}.login-visual{display:none}.login>form{padding:60px 0}}@media(max-width:720px){.app{display:block}.sidebar{transform:translate(-100%);transition:.25s}.sidebar.open{transform:none}.close{display:block;position:absolute;right:12px;top:21px;border:0;background:none}.workspace{padding:0 18px 70px}.workspace>header{height:90px;margin-bottom:30px}.mobile{display:block;border:0;background:none;margin-right:12px}.period{font-size:0}.period svg{display:block}.greeting{padding:30px}.greeting h2{font-size:28px}.greeting>svg{width:45px}.settlement-intro{grid-template-columns:1fr;gap:20px}.settlement-list article{grid-template-columns:1fr 1fr}.settlement-list article>div:first-child{grid-column:1/-1}.account h2{font-size:33px}.login>form{width:86%}}