@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:#171614;background:#f5f3ee;--ink:#171614;--paper:#f5f3ee;--coral:#ff5b45;--line:#ddd9d0;--muted:#77736c}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}.app{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{background:var(--ink);color:#fff;padding:30px 20px;position:fixed;width:240px;height:100vh;display:flex;flex-direction:column;z-index:30}.brand{font-size:25px;font-weight:700;letter-spacing:-1.3px;padding:0 9px}.brand>span{color:var(--coral)}.brand small{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#85827c;margin-left:7px}.sidebar nav{margin-top:55px;display:flex;flex-direction:column;gap:5px}.sidebar button{border:0;background:none;color:#918e87;display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:8px;font-size:13px;text-align:left}.sidebar button svg{width:17px}.sidebar button.active{background:#2b2926;color:#fff}.sidebar button:hover{color:#fff}.side-bottom{margin-top:auto;border-top:1px solid #33312e;padding-top:12px}.close{display:none!important}.workspace{grid-column:2;padding:0 4vw 80px;min-width:0}.workspace>header{height:120px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:45px}.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:8px 0 0}.operator{width:40px;height:40px;border-radius:50%;background:#ded9cf;display:grid;place-items:center;font-size:11px;font-weight:700;position:relative}.operator span{position:absolute;right:50px;white-space:nowrap;font-weight:500;color:var(--muted)}.mobile-menu{display:none}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin-bottom:55px}.metric{padding:25px 24px;border-right:1px solid var(--line);min-height:150px;display:flex;flex-direction:column}.metric:last-child{border:0}.metric small{font-size:11px;color:var(--muted)}.metric strong{font-size:30px;letter-spacing:-.04em;margin:auto 0 6px}.metric span{font-size:10px;color:var(--muted)}.metric.accent{background:var(--coral);color:#fff}.metric.accent small,.metric.accent span{color:#ffffffb8}.section{margin-bottom:55px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-title h2{font-size:19px;margin:0}.section-title span{font-size:12px;color:var(--coral);font-weight:600}.table-wrap{overflow-x:auto;border-top:1px solid var(--ink)}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:10px;letter-spacing:.05em;color:var(--muted);font-weight:600;padding:13px 14px;border-bottom:1px solid var(--line)}td{font-size:12px;padding:17px 14px;border-bottom:1px solid var(--line)}td small{display:block;color:var(--muted);margin-top:4px}.status{display:inline-block;font-size:9px;padding:5px 8px;border-radius:99px;background:#e6e2da;color:#59554e;margin-right:4px}.status.active,.status.paid,.status.delivered,.status.eligible,.status.approved{background:#dce9dc;color:#235e29}.status.pending,.status.pending_payment,.status.draft{background:#eee3cb;color:#72571e}.status.failed,.status.refunded{background:#f2d8d3;color:#8f3022}.status.shipped,.status.settling{background:#dce5ef;color:#274f79}.work-note{background:#272522;color:#fff;padding:45px;display:grid;grid-template-columns:2fr 1fr 2fr;align-items:center;gap:30px}.work-note small{color:var(--coral);font-size:9px;letter-spacing:.15em}.work-note h2{font-size:27px;margin:14px 0 0;letter-spacing:-.04em}.work-note>svg{width:64px;height:64px;color:var(--coral)}.work-note p{color:#aaa69e;line-height:1.7;font-size:13px}.toolbar{display:flex;justify-content:space-between;margin-bottom:38px}.toolbar>label{width:340px;display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--ink)}.toolbar label svg{width:17px}.toolbar input{border:0;background:none;outline:none;padding:12px 0;width:100%;font-size:12px}.toolbar>div{display:flex;gap:8px}.primary,.secondary{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:700}.primary{background:var(--ink);color:#fff}.secondary{background:transparent;border:1px solid var(--line)}.primary svg,.secondary svg{width:15px}.creator-list{border-top:1px solid var(--ink)}.creator-list article{display:grid;grid-template-columns:50px 1fr 2fr auto;gap:18px;align-items:center;padding:22px 8px;border-bottom:1px solid var(--line)}.avatar{width:44px;height:44px;border-radius:50%;background:#dfd8cc;display:grid;place-items:center;font-weight:700}.creator-list h3{margin:0 0 5px;font-size:15px}.creator-list p{margin:0;font-size:11px;color:var(--muted)}.creator-links{display:flex;flex-wrap:wrap;gap:8px}.creator-links span{font-size:10px;border:1px solid var(--line);padding:7px 10px;display:flex;align-items:center;gap:5px}.creator-links svg{width:12px}.link-button{border:0;background:none;color:var(--coral);font-size:11px;font-weight:700}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0b0a8c;display:grid;place-items:center;z-index:100;padding:20px}.modal{width:min(520px,100%);background:var(--paper);padding:28px;box-shadow:0 25px 70px #00000040}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.modal-head h2{margin:0;font-size:22px}.modal-head button{border:0;background:none}.form{display:grid;gap:18px}.form label{font-size:11px;font-weight:600}.form input,.form textarea,.form select{display:block;width:100%;border:1px solid var(--line);background:#fff;padding:13px;margin-top:8px;outline:none}.form textarea{min-height:90px}.form input:focus,.form select:focus{border-color:var(--ink)}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(90deg,#141311ed,#141311ad),url(https://images.unsplash.com/photo-1494438639946-1ebd1d20bf85?auto=format&fit=crop&w=1800&q=85) center/cover;padding:30px}.login form{width:min(410px,100%);background:var(--paper);padding:42px}.login h1{font-size:38px;letter-spacing:-.05em;margin:45px 0 8px}.login p{color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:30px}.login label{font-size:11px;display:block;margin-top:17px}.login input{width:100%;border:0;border-bottom:1px solid var(--line);background:none;padding:12px 0;outline:none}.login form>button{width:100%;padding:14px;border:0;background:var(--ink);color:#fff;margin:30px 0 15px;font-weight:700}.login form>small{display:block;text-align:center;color:var(--muted);font-size:9px}.alert{background:#f2d8d3;color:#8f3022;padding:12px;font-size:11px}.loading{min-height:70vh;display:flex;gap:12px;align-items:center;justify-content:center;color:var(--muted);font-size:12px}.loading span{width:20px;height:20px;border:2px solid var(--line);border-top-color:var(--coral);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.creator-list article{grid-template-columns:50px 1fr auto}.creator-links{grid-column:2}.work-note{grid-template-columns:1fr auto}.work-note p{grid-column:1/-1}}@media(max-width:720px){.app{display:block}.sidebar{transform:translate(-100%);transition:.25s}.sidebar.open{transform:none}.close{display:block!important;position:absolute;right:10px;top:20px}.workspace{padding:0 18px 60px}.workspace>header{height:90px;margin-bottom:30px}.mobile-menu{display:block;border:0;background:none;margin-right:12px}.workspace>header>div:first-of-type{margin-right:auto}.operator span{display:none}.metrics{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.toolbar{align-items:flex-start;gap:18px}.toolbar>label{width:100%}.toolbar>div{flex-wrap:wrap;justify-content:flex-end}.work-note{padding:30px}.creator-list article{grid-template-columns:44px 1fr auto}.creator-links{grid-column:1/-1}.login form{padding:30px}}