@import "https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap";:root{--bg-light:#f5f5f7;--bg-dark:#000;--card-bg:#fff;--text-main:#1d1d1f;--text-light:#fff;--text-secondary:#000c;--text-muted:#0000007a;--apple-blue:#0071e3;--apple-blue-hover:#0077ed;--focus-color:#0071e3;--border-radius:8px;--pill-radius:980px;--nav-bg:#000c;--shadow-card:#00000038 3px 5px 30px 0px}*{box-sizing:border-box;margin:0;padding:0}body{letter-spacing:0;background-color:var(--bg-light);color:var(--text-main);justify-content:center;min-height:100vh;font-family:Gowun Dodum,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:400;line-height:1.5;display:flex}.app-container{width:100%;max-width:1440px;min-height:100vh;display:flex}.sidebar{background-color:var(--nav-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);z-index:10;flex-direction:column;width:250px;padding:40px 20px;display:flex;position:relative}.logo{letter-spacing:0;color:var(--text-light);margin-bottom:50px;padding-left:10px;font-family:Gowun Dodum,sans-serif;font-size:15px;font-weight:400;line-height:1.2}.nav-menu{flex-direction:column;gap:10px;display:flex}.nav-item{color:#fffc;border-radius:var(--pill-radius);letter-spacing:0;padding:10px 20px;font-size:11px;font-weight:400;text-decoration:none;transition:all .2s}.nav-item:hover,.nav-item.active{color:var(--text-light);background-color:#ffffff1a}.main-content{background-color:var(--bg-light);flex:1;padding:60px;overflow-y:auto}.main-header h1{letter-spacing:0;margin-bottom:6px;font-family:Gowun Dodum,sans-serif;font-size:20px;font-weight:400;line-height:1.2}.main-header .date{color:var(--text-secondary);margin-bottom:32px;font-size:11px;font-weight:400}.summary-cards{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px;display:grid}.card{background-color:var(--card-bg);border:none;border-radius:12px;flex-direction:column;justify-content:center;padding:24px;transition:transform .4s,box-shadow .4s;display:flex}.card:hover{box-shadow:var(--shadow-card);z-index:2;transform:translateY(-2px)}.card h3{letter-spacing:0;color:var(--text-secondary);margin-bottom:10px;font-family:Gowun Dodum,sans-serif;font-size:10px;font-weight:400;line-height:1.3}.card-value{letter-spacing:0;color:var(--text-main);font-family:Gowun Dodum,sans-serif;font-size:18px;font-weight:400;line-height:1.2}.action-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.action-bar h3{color:var(--text-main);letter-spacing:0;font-family:Gowun Dodum,sans-serif;font-size:13px;font-weight:400}.filters{align-items:center;gap:15px;display:flex}.filters select{color:var(--text-secondary);cursor:pointer;background-color:#fafafc;border:1px solid #0000000a;border-radius:11px;outline:none;height:32px;padding:5px 14px;font-family:Gowun Dodum,sans-serif;font-size:11px;font-weight:400;transition:all .2s}.filters select:focus{border:2px solid var(--focus-color)}.btn-add{background-color:var(--apple-blue);color:var(--text-light);border-radius:var(--pill-radius);cursor:pointer;border:1px solid #0000;padding:7px 14px;font-family:Gowun Dodum,sans-serif;font-size:11px;font-weight:400;transition:all .2s}.btn-add:hover{background-color:var(--apple-blue-hover)}.btn-add:focus{border:1px solid var(--focus-color);outline:none;box-shadow:0 0 0 2px #0071e34d}.subscriptions-list{flex-direction:column;gap:12px;display:flex}.sub-item{border-radius:var(--border-radius);background-color:var(--card-bg);border:none;align-items:center;padding:20px 24px;transition:all .4s;display:flex}.sub-item:hover{box-shadow:var(--shadow-card);z-index:1;transform:translateY(-2px)}.sub-item.inactive{opacity:.48}.sub-info{flex-direction:column;flex:2;display:flex}.sub-name{color:var(--text-main);font-family:Gowun Dodum,sans-serif;font-size:13px;font-weight:400;line-height:1.3}.sub-name a{color:var(--text-main);text-decoration:none}.sub-name a:hover{color:#06c;text-decoration:underline}.sub-memo{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.12px;max-width:180px;margin-top:4px;font-size:12px;overflow:hidden}.sub-period{color:var(--text-secondary);margin-top:2px;font-size:14px}.sub-price{color:var(--text-main);flex-direction:column;flex:1;font-family:Gowun Dodum,sans-serif;font-size:12px;font-weight:400;display:flex}.krw-eq{color:var(--text-muted);margin-top:2px;font-size:12px;font-weight:400}.sub-renew{color:var(--text-secondary);flex:1;font-size:12px}.sub-actions{align-items:center;gap:16px;display:flex}.switch{width:42px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;border-radius:var(--pill-radius);background-color:#d2d2d7a3;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:2px;left:2px;box-shadow:0 2px 4px #0003}input:checked+.slider{background-color:var(--apple-blue)}input:checked+.slider:before{transform:translate(18px)}.btn-edit{cursor:pointer;color:#06c;background:0 0;border:none;padding:5px;font-family:Gowun Dodum,sans-serif;font-size:11px;transition:color .1s}.btn-edit:hover{text-decoration:underline}.btn-delete{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:5px;font-family:Gowun Dodum,sans-serif;font-size:11px;transition:color .1s}.btn-delete:hover{color:#ff3b30}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0000004d;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.show{display:flex}.modal{background:var(--card-bg);width:440px;box-shadow:var(--shadow-card);border-radius:12px;padding:40px}.modal h2{margin-bottom:20px;font-family:Gowun Dodum,sans-serif;font-size:16px;font-weight:400;line-height:1.3}.input-group{flex-direction:column;margin-bottom:20px;display:flex}.input-group label{color:var(--text-main);margin-bottom:6px;font-family:Gowun Dodum,sans-serif;font-size:11px;font-weight:400;line-height:1.3}.price-input-wrapper{gap:12px;display:flex}.input-group input,.input-group select{background-color:var(--card-bg);color:var(--text-main);border:1px solid #0000001a;border-radius:8px;padding:10px 12px;font-family:Gowun Dodum,sans-serif;font-size:12px;transition:border-color .2s,box-shadow .2s}.input-group input:focus,.input-group select:focus{border-color:var(--focus-color);box-shadow:0 0 0 1px var(--focus-color);outline:none}.price-input-wrapper input{flex:1;min-width:0}.modal-actions{justify-content:flex-end;gap:12px;margin-top:32px;display:flex}.btn-cancel{color:var(--text-main);cursor:pointer;background-color:#f5f5f7;border:none;border-radius:8px;padding:7px 14px;font-family:Gowun Dodum,sans-serif;font-size:12px;font-weight:400;transition:background-color .2s}.btn-cancel:hover{background-color:#e5e5ea}.btn-save{background-color:var(--apple-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:7px 14px;font-family:Gowun Dodum,sans-serif;font-size:12px;font-weight:400;transition:background-color .2s}.btn-save:hover{background-color:var(--apple-blue-hover)}