@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v3.2.1/dist/web/static/pretendard.css";:root{--bg-color:#f8fafc;--card-bg:#fff;--text-main:#1e293b;--text-muted:#64748b;--pastel-mint:#ccfbf1;--pastel-blue:#e0f2fe;--pastel-pink:#fce7f3;--btn-green:#99f6e4;--hover-green:#5eead4;--border-radius:24px;--item-radius:16px;--shadow-sm:0 4px 15px #00000008;--shadow-md:0 10px 30px #0000000f;--shadow-hover:0 15px 35px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);justify-content:center;align-items:center;min-height:100vh;padding:40px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;font-size:14px;display:flex}.app-container{background-color:var(--card-bg);border-radius:var(--border-radius);width:100%;max-width:1200px;min-height:800px;box-shadow:var(--shadow-md);display:flex;overflow:hidden}.sidebar{background-color:#fafcff;border-right:1px solid #e2e8f0;flex-direction:column;width:250px;padding:40px 20px;display:flex}.logo{color:#4a5568;margin-bottom:50px;padding-left:10px;font-size:24px;font-weight:800}.nav-menu{flex-direction:column;gap:10px;display:flex}.nav-item{color:var(--text-muted);border-radius:var(--border-radius);padding:12px 20px;font-weight:600;text-decoration:none;transition:all .2s}.nav-item:hover,.nav-item.active{background-color:var(--bg-color);color:var(--text-main)}.main-content{flex:1;padding:50px;overflow-y:auto}.main-header h1{margin-bottom:5px;font-size:32px;font-weight:800}.main-header .date{color:var(--text-muted);margin-bottom:30px;font-size:16px}.summary-cards{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;display:grid}.card{border-radius:var(--border-radius);flex-direction:column;justify-content:center;padding:25px;transition:transform .3s,box-shadow .3s;display:flex}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.card h3{color:#00000080;margin-bottom:12px;font-size:14px;font-weight:600}.card-value{color:#000c;font-size:24px;font-weight:800}.card-green{background-color:var(--pastel-mint)}.card-blue{background-color:var(--pastel-blue)}.card-pink{background-color:var(--pastel-pink)}.action-bar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.action-bar h3{color:var(--text-main);margin-right:15px;font-size:18px;font-weight:700}.filters{align-items:center;display:flex}.filters select{color:var(--text-main);cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:6px 12px;font-family:Pretendard,sans-serif;font-size:13px;transition:all .2s}.filters select:hover{border-color:#cbd5e1}.btn-add{background-color:var(--btn-green);color:#134e4a;cursor:pointer;border:none;border-radius:20px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .3s;box-shadow:0 4px 6px -1px #5eead466}.btn-add:hover{background-color:var(--hover-green);color:#042f2e;transform:translateY(-2px);box-shadow:0 10px 15px -3px #5eead480}.subscriptions-list{flex-direction:column;gap:12px;display:flex}.sub-item{border-radius:var(--item-radius);box-shadow:var(--shadow-sm);background-color:#fff;border:1px solid #0000;align-items:center;padding:15px 20px;transition:all .3s;display:flex}.sub-item:hover{box-shadow:var(--shadow-hover);border:1px solid #e2e8f0;transform:translateY(-2px)scale(1.005)}.sub-item.inactive{opacity:.5}.sub-info{flex-direction:column;flex:2;display:flex}.sub-name{color:var(--text-main);font-size:16px;font-weight:700}.sub-name a{color:inherit;text-decoration:none}.sub-name a:hover{text-decoration:underline}.sub-memo{color:#a0aec0;white-space:nowrap;text-overflow:ellipsis;max-width:180px;margin-top:2px;font-size:11px;overflow:hidden}.sub-period{color:var(--text-muted);font-size:12px}.sub-price{flex-direction:column;flex:1;font-size:16px;font-weight:700;display:flex}.krw-eq{color:var(--text-muted);margin-top:2px;font-size:12px;font-weight:400}.sub-renew{color:var(--text-muted);flex:1;font-size:14px}.sub-actions{align-items:center;gap:15px;display:flex}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e0;border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--btn-green)}input:checked+.slider:before{transform:translate(20px)}.btn-edit{cursor:pointer;background:0 0;border:none;padding:5px;font-size:16px;transition:transform .1s}.btn-edit:hover{transform:scale(1.1)}.btn-delete{color:#fc8181;cursor:pointer;background:0 0;border:none;padding:5px;font-size:16px}.btn-delete:hover{color:#e53e3e}.modal-overlay{-webkit-backdrop-filter:blur(4px);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{border-radius:var(--border-radius);width:400px;box-shadow:var(--shadow-md);background:#fff;padding:30px}.modal h2{margin-bottom:20px;font-size:22px}.input-group{flex-direction:column;margin-bottom:15px;display:flex}.input-group label{color:var(--text-main);margin-bottom:5px;font-size:14px;font-weight:600}.price-input-wrapper{gap:10px;display:flex}.input-group input,.input-group select{border:1px solid #e2e8f0;border-radius:8px;padding:10px;font-family:Nunito,sans-serif;font-size:14px}.price-input-wrapper input{flex:1;min-width:0}.modal-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.btn-cancel{color:#4a5568;cursor:pointer;background-color:#edf2f7;border:none;border-radius:8px;padding:10px 15px;font-weight:600}.btn-save{background-color:var(--pastel-blue);color:#2b6cb0;cursor:pointer;border:none;border-radius:8px;padding:10px 15px;font-weight:600}