body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background-color:#fff;color:#000;justify-content:space-between;padding:15px 25px}.navbar,.navbar-left{align-items:center;display:flex}.navbar-logo{height:40px;margin-right:5px;width:50px}.navbar-title{font-size:1.5rem;font-weight:700}.navbar-title:hover{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#a855f7,#6366f1);-webkit-background-clip:text;background-clip:text}.navbar-auth button{background-color:#1f1f1f;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:8px 14px}.navbar-auth button:hover{background-color:#000}.navbar-auth .offset-btn{background-color:#fff;border:none;border-radius:4px;color:#000;cursor:pointer;margin-left:10px;padding:8px 14px}.navbar-auth .offset-btn:hover{background-color:#eee}.navbar-auth .username{font-weight:500;margin-right:10px}.modal-overlay{background:#000000b3;padding:20px}.modal-content{animation:slideUp .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a,0 0 80px #0000000d,inset 0 1px 0 #ffffffe6;max-width:420px;overflow:hidden;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header-login{position:relative;text-align:center}.modal-title-login{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#a855f7,#6366f1);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700;margin-bottom:.25rem}.modal-subtitle-login{color:#666;font-size:.9rem;margin-bottom:1.5rem}.close-btn{align-items:center;background:#fffc;border:1px solid #0000001a;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:0;transition:all .2s ease;width:40px}.close-btn:hover{background:#fff;box-shadow:0 4px 12px #00000026;color:#374151;transform:scale(1.05)}.modal-body{padding:0 32px 32px}.google-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:16px;color:#374151;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;margin-bottom:24px;padding:16px 24px;transition:all .3s ease;width:100%}.google-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.google-btn:disabled{cursor:not-allowed;opacity:.6}.divider{align-items:center;color:#999;display:flex;margin:1.5rem 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #ddd;content:"";flex:1 1}.divider span{font-size:.8rem;padding:0 10px}.auth-form{gap:20px}.auth-form,.input-group{display:flex;flex-direction:column}.input-group{gap:8px}.input-group label{color:#374151;font-size:14px;font-weight:600}.input-group input{background:#fffc;border:2px solid #e5e7eb;border-radius:16px;font-size:16px;outline:none;padding:16px 20px;transition:all .3s ease}.input-group input:focus{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 4px #6366f11a}.input-group input:disabled{cursor:not-allowed;opacity:.6}.input-group input::placeholder{color:#9ca3af}.error-message{animation:shake .5s ease-in-out;background:#ef44441a;border-left:4px solid #ef4444;border-radius:12px;color:#dc2626;font-size:14px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.auth-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-height:56px;padding:16px 24px;transition:all .3s ease;width:100%}.auth-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#9333ea);box-shadow:0 12px 30px #6366f166;transform:translateY(-2px)}.auth-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.switch-mode{border-top:1px solid #0000001a;margin-top:24px;padding-top:24px;text-align:center}.switch-mode p{color:#6b7280;font-size:14px;margin:0}.switch-btn{background:none;border:none;color:#6366f1;cursor:pointer;font-weight:600;margin-left:4px;text-decoration:underline;transition:color .2s ease}.switch-btn:hover:not(:disabled){color:#5b5bf6}.switch-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.modal-overlay{padding:16px}.modal-header{padding:24px 24px 20px}.modal-body{padding:0 24px 24px}.modal-title{font-size:24px}.modal-subtitle{font-size:14px}}.home-container{background-color:#f4f4f4;height:auto;padding:50px;text-align:center}.home-container h1{font-size:2.5rem;margin-bottom:20px}.home-container p{color:#000;font-size:1.2rem}.get-started{background-color:#1f1f1f;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.3rem;margin-bottom:50px;padding:8px 14px;transition:all .3s ease-in-out}.get-started:hover{background-color:#a855f7;transition:all .3s ease-in-out}b{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#a855f7,#6366f1);-webkit-background-clip:text;background-clip:text}.body{align-items:center;display:flex;justify-content:center;margin:0}.carousel{overflow:hidden;position:relative;width:600px}.wrap{animation:slide 15s linear infinite;display:grid;grid-auto-columns:250px;grid-auto-flow:column;justify-items:stretch}.wrap img{border-radius:15px;height:200px;object-fit:cover;width:200px}@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(-2000px)}}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-container{animation:slideInUp .5s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;max-width:450px;overflow:hidden;width:100%}.modal-header{background:linear-gradient(135deg,#8b5cf6,#a855f7,#6366f1);color:#fff;padding:2rem;position:relative}.modal-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:32px}.modal-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.header-content{gap:12px;margin-bottom:8px}.header-content,.header-icon{align-items:center;display:flex}.header-icon{background:#fff3;border-radius:16px;height:48px;justify-content:center;width:48px}.header-title{font-size:1.5rem;font-weight:700;margin:0}.header-subtitle{color:#c4b5fd;font-size:.875rem;margin:0}.modal-form{gap:1.5rem;padding:2rem}.form-group,.modal-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:8px}.label-icon{color:#8b5cf6}.form-input,.form-select{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-size:.875rem;padding:12px 16px;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.form-input::placeholder{color:#9ca3af}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%236b7280%27 height=%2716%27 width=%2716%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M4 6l4 4 4-4z%27/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-actions{display:flex;gap:12px;padding-top:1rem}.btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn:hover{transform:scale(1.02)}.btn-secondary{background:#fff;border:2px solid #e5e7eb;color:#374151}.btn-secondary:hover{background:#f9fafb}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#a855f7);box-shadow:0 4px 14px 0 #8b5cf666;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#7c3aed,#9333ea);box-shadow:0 6px 20px 0 #8b5cf680}@media (max-width:640px){.modal-overlay{padding:.5rem}.modal-form,.modal-header{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}.dashboard-container{background-color:#f4f4f4;height:auto;padding:25px;text-align:center}.Delete-Btn,.Edit-Btn{background-color:#d3d3d3;border:none;border-radius:4px;color:#000;cursor:pointer;margin:5px;padding:8px 14px}.Delete-Btn:hover,.Edit-Btn:hover{background-color:#b8b8b8}.Add-Subscription-Btn{background-color:#1f1f1f;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:8px 14px;transition:all .3s ease-in-out}.Add-Subscription-Btn span{align-items:center;display:flex;gap:5px}.Add-Subscription-Btn:hover{background-color:#9f00ff;transition:all .3s ease-in-out}.Modal-Btn{background-color:#1f1f1f;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-left:40px;margin-right:40px;padding:8px 14px}.Modal-Btn:hover{background-color:#000}.header{margin-bottom:20px;margin-top:0}input,select{border:1px solid #ccc;border-radius:6px;font-size:14px;margin-bottom:16px;padding:10px}.flex-row{display:flex;gap:16px;justify-content:center;margin-bottom:10px}.flex-row>div{flex:1 1}.card{background-color:#f8f8f8;border-radius:8px;box-shadow:0 2px 5px #0000001a;font-weight:700;min-width:150px;padding:15px 20px;text-align:center}.table-container{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin:24px 0;overflow:hidden}.subscription-table{border-collapse:collapse;font-size:.875rem;width:100%}.table-header{background:linear-gradient(135deg,#1f2937,#374151);color:#fff}.table-header th{font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:20px 24px;text-align:left;text-transform:uppercase}.table-body tr{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.table-body tr:hover{background:#f8fafc;transform:scale(1.005)}.table-body tr:last-child{border-bottom:none}.table-cell{padding:20px 24px;position:relative;vertical-align:middle}.service-name{color:#1f2937;font-weight:600;gap:12px}.service-icon,.service-name{align-items:center;display:flex}.service-icon{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:8px;font-size:1rem;height:32px;justify-content:center;width:32px}.category-tag{align-items:center;background:#f3f4f6;border-radius:20px;color:#6b7280;display:inline-flex;font-size:.75rem;font-weight:500;gap:6px;padding:6px 12px}.billing-period{border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.cost-display{align-items:center;color:#059669;display:flex;font-size:1rem;font-weight:700;gap:4px}.next-payment{color:#6b7280;font-size:.875rem}.actions-cell,.next-payment{align-items:center;display:flex;gap:8px}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.edit-btn{background:#eff6ff;color:#2563eb}.edit-btn:hover{background:#dbeafe;transform:translateY(-1px)}.delete-btn{background:#fef2f2;color:#dc2626}.delete-btn:hover{background:#fee2e2;transform:translateY(-1px)}.save-btn{background:#f0fdf4;color:#16a34a}.save-btn:hover{background:#dcfce7;transform:translateY(-1px)}.cancel-btn{background:#fafafa;color:#6b7280}.cancel-btn:hover{background:#f5f5f5;transform:translateY(-1px)}.edit-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;padding:8px 12px;transition:all .2s ease;width:100%}.edit-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.edit-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .2s ease;width:100%}.edit-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.editing-row{border-left:4px solid #8b5cf6}.editing-row,.editing-row:hover{background:#faf5ff!important}@media (max-width:768px){.table-container{border-radius:12px;margin:16px 0}.table-header th{font-size:.75rem}.table-cell,.table-header th{padding:16px 12px}.service-name{align-items:flex-start;flex-direction:column;gap:8px}.actions-cell{flex-direction:column;gap:6px}.action-btn{justify-content:center;width:100%}}
/*# sourceMappingURL=main.c084978d.css.map*/