:root{color:#10213a;background:#f5f7fb;font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{color:#10213a;font:inherit;border:1px solid #d7e0ec;border-radius:8px;min-height:38px;padding:8px 10px}textarea{resize:vertical;min-height:76px}button{color:#fff;cursor:pointer;background:#246bfe;justify-content:center;align-items:center;gap:6px;font-weight:800;display:inline-flex}.shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #e5ebf4;padding:28px 20px}.eyebrow{color:#3182f6;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}h1,h2,h3{letter-spacing:0;margin:0}.section-title{justify-content:space-between;align-items:center;gap:8px;display:flex}nav{gap:8px;margin-top:28px;display:grid}.login-box{gap:8px;margin-top:22px;display:grid}nav button{color:#65748b;text-align:left;background:0 0;border-radius:8px;justify-content:flex-start;padding:11px 12px;font-weight:700}nav button.active{color:#246bfe;background:#eef5ff}.content{padding:32px}.page-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.group-select{min-width:180px;max-width:240px}.pill{background:#fff;border:1px solid #e5ebf4;border-radius:999px;padding:10px 14px;font-weight:800}.danger-button{color:#c8374b;background:#fff0f0;border-color:#ffc9c9}.secondary-button{color:#246bfe;background:#fff}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.cancellation-preview{grid-template-columns:minmax(220px,1fr) minmax(320px,2fr) auto;gap:16px;margin-bottom:20px;display:grid}.preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.preview-grid div{background:#f8fafc;border:1px solid #e5ebf4;border-radius:8px;gap:6px;padding:12px;display:grid}.preview-grid span{color:#65748b;font-size:12px;font-weight:800}.preview-grid strong{color:#10213a}article,section,.state{background:#fff;border:1px solid #e5ebf4;border-radius:8px;padding:18px}article{gap:10px;display:grid}article span{color:#65748b}article strong{font-size:28px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.span-2{grid-column:span 2}.row{border-top:1px solid #eef2f7;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.row:first-of-type{margin-top:12px}.row strong{color:#246bfe}.error{color:#c8374b;border-color:#ffd6de}.success{color:#15803d;border-color:#cfeedd}.form-row{grid-template-columns:minmax(0,1fr) 100px;gap:10px;margin-top:14px;display:grid}.group-create-form{grid-template-columns:minmax(0,1fr) 150px 80px}.asset-form{grid-template-columns:110px 100px minmax(0,1fr) 80px}.checkout-form{grid-template-columns:150px minmax(0,1fr) 100px}.checkout-result{border-top:1px solid #eef2f7;gap:12px;margin-top:14px;padding-top:14px;display:grid}.checkout-result div{justify-content:space-between;align-items:center;gap:10px;display:flex}.checkout-result span{color:#65748b;font-weight:800}.checkout-result code{color:#10213a;overflow-wrap:anywhere;background:#f8fafc;border:1px solid #e5ebf4;border-radius:8px;max-width:100%;padding:8px}.checkout-result a{color:#246bfe;background:#eef5ff;border:1px solid #cfe1ff;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:8px 10px;font-weight:800;text-decoration:none;display:inline-flex}.checkout-page{align-items:center;min-height:100vh;padding:24px;display:grid}.checkout-panel{gap:18px;width:100%;max-width:520px;margin:0 auto;display:grid}.checkout-summary{gap:10px;display:grid}.checkout-summary div{border-top:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.checkout-summary span{color:#65748b;font-weight:800}.checkout-summary code{overflow-wrap:anywhere;background:#f8fafc;border:1px solid #e5ebf4;border-radius:8px;max-width:280px;padding:8px}.checkout-error{color:#c8374b;background:#fff0f0;border:1px solid #ffc9c9;border-radius:8px;margin:0;padding:10px 12px;font-weight:800}.checkout-home-link{color:#246bfe;font-weight:800;text-decoration:none}.asset-form textarea{grid-column:1/-2}.invite-card{border-top:1px solid #eef2f7;grid-template-columns:minmax(0,1fr) 90px 80px;align-items:center;gap:10px;margin-top:14px;padding-top:14px;display:grid}.usage-bar{background:#edf3ff;border-radius:999px;height:10px;margin:16px 0 6px;overflow:hidden}.usage-bar span{background:#246bfe;height:100%;display:block}.trend{color:#65748b;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.trend span{background:#f5f7fb;border:1px solid #e5ebf4;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800}.muted{color:#65748b;margin:12px 0 0}@media (width<=760px){.shell,.grid,.metrics,.cancellation-preview,.preview-grid,.checkout-form,.form-row,.group-create-form,.asset-form,.invite-card{grid-template-columns:1fr}.span-2{grid-column:span 1}.sidebar{border-bottom:1px solid #e5ebf4;border-right:0}}