@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color: #191919;--card-bg: #202020;--primary: #d3d3d3;--primary-hover: #ffffff;--secondary: #9d9d9d;--text-main: #e6e6e6;--text-muted: #8a8a8a;--border: #333333}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.5;min-height:100vh}#app{max-width:1200px;margin:0 auto;padding:3rem 1.5rem}button{cursor:pointer;font-family:inherit;border:none;outline:none;background:transparent;color:inherit}input,select{font-family:inherit;background:transparent;border:1px solid var(--border);color:var(--text-main);padding:.5rem .75rem;border-radius:3px;font-size:.9rem;transition:border-color .2s}input:focus,select:focus{border-color:var(--text-muted)}.card{background:transparent;border:none;padding:0;margin-bottom:2rem}h1,h2,h3{font-weight:600;color:var(--text-main);letter-spacing:-.02em}.title{font-size:2.5rem;margin-bottom:2.5rem;text-align:left;border-bottom:1px solid var(--border);padding-bottom:1rem}.btn-primary{background:var(--text-main);color:var(--bg-color);padding:.5rem 1rem;border-radius:3px;font-weight:500;transition:background-color .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{background:#fff}.form-container{padding:1rem;border:1px solid var(--border);border-radius:4px;background:var(--card-bg)}.list-item{border-bottom:1px solid var(--border)!important;border-radius:0!important;background:transparent!important;padding:.75rem 0!important}.list-item:hover{background:#ffffff05!important}.list-item:last-child{border-bottom:none!important}.empty-state{border:1px dashed var(--border)!important;background:transparent!important}.grid-layout{display:flex;flex-direction:column;gap:3rem}@media (min-width: 768px){.grid-layout{display:grid;grid-template-columns:1.5fr 1fr;align-items:start}}h2[data-v-9b11e713]{margin-bottom:1.5rem;font-size:1.5rem;color:var(--text-main)}.subscription-form[data-v-9b11e713]{height:fit-content}.form-group[data-v-9b11e713]{margin-bottom:1.25rem}.form-row[data-v-9b11e713]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}label[data-v-9b11e713]{display:block;margin-bottom:.5rem;color:var(--text-muted);font-size:.875rem}input[data-v-9b11e713],select[data-v-9b11e713]{width:100%}button[data-v-9b11e713]{width:100%;justify-content:center;margin-top:.5rem}.subscription-list[data-v-4864142d]{display:flex;flex-direction:column;min-height:400px}.header[data-v-4864142d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}h2[data-v-4864142d]{font-size:1.5rem;color:var(--text-main)}.count[data-v-4864142d]{background:#8b5cf633;color:var(--primary);padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500}.empty-state[data-v-4864142d]{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border:2px dashed var(--border);border-radius:.5rem}.list[data-v-4864142d]{list-style:none;display:flex;flex-direction:column;gap:1rem}.list-item[data-v-4864142d]{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;padding:1rem;border-radius:.5rem;border:1px solid transparent;transition:all .2s}.list-item[data-v-4864142d]:hover{border-color:var(--primary);background:#ffffff0d}.info h3[data-v-4864142d]{font-size:1.1rem;margin-bottom:.25rem}.frequency[data-v-4864142d]{color:var(--text-muted);font-size:.8rem;text-transform:capitalize}.cost-actions[data-v-4864142d]{display:flex;align-items:center;gap:1rem}.cost[data-v-4864142d]{font-weight:600;color:var(--secondary);font-size:1.1rem}.btn-delete[data-v-4864142d]{background:transparent;color:var(--text-muted);padding:.5rem;border-radius:.25rem;transition:color .2s}.btn-delete[data-v-4864142d]:hover{color:#ef4444;background:#ef44441a}.swp-calculator[data-v-e29670c4]{display:flex;flex-direction:column}.header[data-v-e29670c4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.icon-header[data-v-e29670c4]{color:var(--primary)}.swp-calculator h2[data-v-e29670c4]{font-size:1.5rem;color:var(--text-main)}.summary[data-v-e29670c4]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:2rem}.summary-item[data-v-e29670c4]{background:#0f172a80;padding:1rem;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;border:1px solid var(--border)}.summary-item.highlight[data-v-e29670c4]{border-color:var(--primary);background:#8b5cf61a}.label[data-v-e29670c4]{font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.value[data-v-e29670c4]{font-size:1.25rem;font-weight:700;color:var(--text-main)}.divider[data-v-e29670c4]{height:1px;background:var(--border);margin-bottom:2rem}.controls[data-v-e29670c4]{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.control-group label[data-v-e29670c4]{display:block;margin-bottom:.5rem;color:var(--text-muted);font-size:.875rem}.range-wrapper[data-v-e29670c4]{display:flex;align-items:center;gap:1rem}input[type=range][data-v-e29670c4]{flex:1;padding:0;background:transparent;border:none;accent-color:var(--primary)}.range-val[data-v-e29670c4]{font-weight:600;color:var(--text-main);width:3.5rem;text-align:right}.result-container[data-v-e29670c4]{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.result-container[data-v-e29670c4]{grid-template-columns:1fr 1fr}}.result-box[data-v-e29670c4]{background:#8b5cf61a;padding:1.5rem;border-radius:.5rem;text-align:center;border:1px solid rgba(139,92,246,.2)}.result-box.secondary[data-v-e29670c4]{background:#10b9811a;border-color:#10b98133}.result-label[data-v-e29670c4]{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.result-amount[data-v-e29670c4]{font-size:1.75rem;font-weight:700;color:var(--text-main);margin-bottom:.5rem}.result-desc[data-v-e29670c4]{font-size:.75rem;color:var(--text-muted);line-height:1.4}.result-desc strong[data-v-e29670c4]{color:var(--text-main)}.preset-container[data-v-d3524f58]{background:var(--card-bg);border:1px solid var(--border);border-radius:4px;padding:1rem;margin-bottom:2rem}.preset-header[data-v-d3524f58]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.preset-header h3[data-v-d3524f58]{font-size:.9rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.services-list[data-v-d3524f58]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem}.service-item[data-v-d3524f58]{display:flex;flex-direction:column;padding:.5rem;border-radius:4px;transition:background .1s}.service-item[data-v-d3524f58]:hover{background:#ffffff08}.service-checkbox[data-v-d3524f58]{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:.5rem}.checkbox-box[data-v-d3524f58]{width:18px;height:18px;border:1.5px solid var(--text-muted);border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .2s}.is-selected .checkbox-box[data-v-d3524f58]{background:#fff;border-color:#fff;color:#000}.service-name[data-v-d3524f58]{font-size:.95rem;font-weight:500}.service-plan-selector select[data-v-d3524f58]{width:100%;font-size:.85rem;padding:.4rem;border:1px solid var(--border);background:var(--bg-color);border-radius:3px;cursor:pointer}.btn-add-selected[data-v-d3524f58]{display:flex;align-items:center;gap:.5rem;background:#fff;color:#000;border:none;padding:.4rem .8rem;border-radius:3px;font-size:.85rem;font-weight:600;transition:opacity .2s,transform .1s}.btn-add-selected[data-v-d3524f58]:hover{opacity:.9;transform:translateY(-1px)}.btn-add-selected[data-v-d3524f58]:disabled{opacity:.5;cursor:not-allowed;background:var(--border)}.title[data-v-6245545a]{text-align:center;margin-bottom:3rem;font-size:3rem;letter-spacing:-.05em}.left-column[data-v-6245545a]{display:flex;flex-direction:column;gap:2rem}.right-column[data-v-6245545a]{display:flex;flex-direction:column}@media (min-width: 768px){.right-column[data-v-6245545a]{position:sticky;top:2rem;height:fit-content}}