@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";.sidebar{flex-direction:column;gap:32px;width:256px;height:100vh;padding:24px;display:flex;position:fixed;top:0;left:0}.logo-section{align-items:center;gap:12px;padding:0 8px;display:flex}.logo-container{background-color:#4f46e5;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.logo-text{letter-spacing:-.025em;font-size:1.25rem;font-weight:700}.nav-links{flex-direction:column;gap:8px;margin-top:16px;display:flex}.nav-link{color:inherit;border-radius:12px;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:all .3s;display:flex}.nav-link:hover{background-color:#ffffff0d}.nav-link.active{color:#818cf8;background-color:#4f46e533}.sidebar-footer{flex-direction:column;gap:8px;margin-top:auto;display:flex}.logout-btn{color:#f87171;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:background-color .2s;display:flex}.logout-btn:hover{background-color:#ef44441a}.app-header{justify-content:space-between;align-items:center;height:80px;padding:0 32px;display:flex;position:absolute;top:0;left:256px;right:0}.header-left{gap:16px;display:flex}.header-right{align-items:center;gap:24px;display:flex}.notification-btn{cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.notification-badge{background-color:#6366f1;border-radius:9999px;width:8px;height:8px;position:absolute;top:8px;right:8px}.plan-badge{letter-spacing:.05em;border-radius:20px;height:fit-content;padding:6px 14px;font-size:.7rem;font-weight:800}.plan-badge.free{color:#94a3b8;background:#94a3b81a;border:1px solid #94a3b833}.plan-badge.pro{color:#818cf8;background:#818cf81a;border:1px solid #818cf866}.plan-badge.enterprise{color:#f472b6;background:#f472b61a;border:1px solid #f472b666;animation:2s infinite pulse-glow}@keyframes pulse-glow{0%{box-shadow:0 0 #f472b666}70%{box-shadow:0 0 0 10px #f472b600}to{box-shadow:0 0 #f472b600}}.user-profile{border-left:1px solid #ffffff1a;align-items:center;gap:12px;padding-left:24px;display:flex}.user-info{text-align:right}.user-name{margin:0;font-size:.875rem;font-weight:600}.user-email{color:#ffffff80;margin:0;font-size:.75rem}.user-avatar{background:linear-gradient(to top right,#6366f1,#a855f7);border-radius:9999px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.main-content{margin-left:256px;padding-top:80px}.page-container{padding:32px}.admin-nav-link{color:#a78bfa!important}.admin-nav-link:hover{background:#a78bfa1a!important}.admin-nav-link.active{background:#a78bfa26!important;border-color:#a78bfa!important}.dashboard-container{flex-direction:column;gap:32px;display:flex}.dashboard-header{justify-content:space-between;align-items:center;display:flex}.dashboard-title{font-size:1.875rem;font-weight:700}.header-actions{gap:8px;display:flex}.filter-wrapper{border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.time-filter-select{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;padding:10px 0;font-size:.875rem;font-weight:600}.time-filter-select option{color:#fff;background-color:#121212}.stats-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:24px;display:grid}.stat-card{background-image:linear-gradient(to bottom right, var(--stat-from), var(--stat-to));color:var(--stat-text);flex-direction:column;gap:16px;padding:24px;display:flex}.stat-card-header{justify-content:space-between;align-items:center;display:flex}.stat-card-title{opacity:.7;font-size:.875rem;font-weight:500}.stat-icon-wrapper{border-radius:8px;padding:8px}.stat-value{font-size:1.875rem;font-weight:700}.stat-blue{--stat-from:#2563eb33;--stat-to:#60a5fa0d;--stat-text:#60a5fa}.stat-purple{--stat-from:#9333ea33;--stat-to:#c084fc0d;--stat-text:#c084fc}.stat-red{--stat-from:#dc262633;--stat-to:#f871710d;--stat-text:#f87171}.stat-green{--stat-from:#05966933;--stat-to:#34d3990d;--stat-text:#34d399}.charts-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:32px;display:grid}.chart-section{flex-direction:column;gap:24px;min-height:400px;padding:32px;display:flex}.chart-title{font-size:1.25rem;font-weight:600}.chart-wrapper{flex:1;width:100%;height:300px}.performance-section{flex-direction:column;gap:24px;padding:32px;display:flex}.performance-cards{flex-direction:column;gap:16px;display:flex}.perf-item{align-items:center;gap:16px;padding:16px;display:flex}.perf-icon-bg{border-radius:8px;padding:8px}.perf-info{flex:1}.perf-label{opacity:.6;font-size:.875rem}.perf-value{font-weight:600}.top-clients-section{flex-direction:column;gap:12px;margin-top:16px;display:flex}.top-clients-title{opacity:.6;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.client-stat-row{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.client-stat-value{color:#818cf8;font-weight:600}.activity-section{padding:32px;overflow:hidden}.activity-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.view-all-btn{color:#818cf8;cursor:pointer;background:0 0;border:none;font-size:.875rem;text-decoration:none}.view-all-btn:hover{text-decoration:underline}.table-wrapper{width:100%;overflow-x:auto}.activity-table{text-align:left;width:100%}.table-head-row{opacity:.5;border-bottom:1px solid #ffffff0d;font-size:.875rem}.table-th{padding-bottom:16px;font-weight:500}@media (width>=768px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.charts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-section{grid-column:span 2/span 2}}.invoice-list-container{flex-direction:column;gap:32px;display:flex}.invoice-list-header{justify-content:space-between;align-items:center;display:flex}.invoice-list-title{font-size:1.875rem;font-weight:700}.invoice-list-subtitle{color:#ffffff80;margin-top:4px;font-size:.875rem}.filter-bar{flex-direction:column;align-items:center;gap:16px;padding:16px;display:flex}.search-wrapper{flex:1;width:100%;position:relative}.search-icon{color:#fff6;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-input{color:#fff;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:12px 16px 12px 48px;transition:all .2s}.search-input:focus{border-color:#4f46e5}.filter-actions{gap:8px;width:100%;display:flex}.status-select{color:#fff;cursor:pointer;appearance:none;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;flex:1;padding:12px 16px;transition:background-color .2s}.status-select:hover{background-color:#ffffff1a}.filter-btn{cursor:pointer;background:var(--glass);border:none;border-radius:12px;padding:12px;transition:background-color .2s}.filter-btn:hover{background-color:#ffffff1a}.invoice-table-wrapper{overflow:hidden}.invoice-table{text-align:left;border-collapse:collapse;width:100%}.table-head{opacity:.5;border-bottom:1px solid #ffffff0d;font-size:.875rem}.table-th{padding:24px;font-weight:500}.table-row{border-bottom:1px solid #ffffff0d;transition:background-color .3s}.table-row:hover{background-color:#ffffff0d}.table-td{padding:24px}.status-container{align-items:center;gap:8px;display:flex}.status-badge{border-radius:9999px;padding:4px 12px;font-size:.75rem;font-weight:600}.status-paid{color:#34d399;background-color:#34d3991a}.status-overdue{color:#f87171;background-color:#f871711a}.status-pending{color:#eab308;background-color:#eab3081a}.action-buttons{align-items:center;gap:16px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:8px;padding:8px;transition:all .2s}.action-btn-red{color:#f87171;background-color:#ef44441a}.action-btn-red:hover{background-color:#ef444433}.action-btn-green{color:#34d399;background-color:#34d3991a}.action-btn-green:hover{background-color:#34d39933}.action-btn-blue{color:#818cf8;background-color:#4f46e51a}.action-btn-blue:hover{background-color:#4f46e533}.delete-btn{opacity:0;transition:opacity .2s}.table-row:hover .delete-btn{opacity:1}.empty-state{text-align:center;opacity:.5;flex-direction:column;align-items:center;gap:16px;padding:80px;display:flex}.empty-icon-wrapper{background-color:#ffffff0d;border-radius:9999px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}@media (width>=768px){.filter-bar{flex-direction:row}.search-wrapper,.filter-actions{width:auto}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#0009;justify-content:center;align-items:center;padding:24px;animation:.3s fade-in;display:flex;position:fixed;inset:0}.modal-container{flex-direction:column;gap:32px;width:100%;max-width:512px;max-height:90vh;padding:32px;display:flex;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:1.5rem;font-weight:700}.close-btn{cursor:pointer;color:#ffffff80;background:0 0;border:none;border-radius:8px;padding:8px;transition:color .2s}.close-btn:hover{color:#fff}.modal-form{flex-direction:column;gap:24px;display:flex}.label-text{opacity:.6;font-size:.875rem;font-weight:500}.modal-input{color:#fff;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:12px 16px;transition:all .2s}.modal-input:focus{border-color:#4f46e5}.modal-input::placeholder{color:#fff3}.modal-actions{gap:12px;margin-top:8px;display:flex}.action-btn{flex:1;justify-content:center;padding:12px}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.invoice-create-container{flex-direction:column;gap:32px;max-width:1024px;margin:0 auto;padding-bottom:80px;display:flex}.create-header{align-items:center;gap:16px;display:flex}.back-btn{cursor:pointer;background:var(--glass);color:#fff;border:none;border-radius:12px;padding:8px;transition:background-color .2s}.back-btn:hover{background-color:#ffffff1a}.create-title{font-size:1.875rem;font-weight:700}.create-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:32px;display:grid}.main-column{flex-direction:column;gap:32px;display:flex}.form-section{flex-direction:column;gap:24px;padding:32px;display:flex}.section-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.section-title{align-items:center;gap:8px;font-size:1.25rem;font-weight:600;display:flex}.invoice-id-mono{opacity:.5;font-family:monospace;font-size:.875rem}.details-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:24px;display:grid}.input-group{flex-direction:column;gap:8px;display:flex}.input-label{opacity:.6;font-size:.875rem;font-weight:500}.client-select-wrapper{gap:0;display:flex}.client-select{color:#fff;cursor:pointer;appearance:none;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;flex:1;padding:12px 16px;transition:background-color .2s}.client-select:hover{background-color:#ffffff1a}.add-client-btn{cursor:pointer;color:#818cf8;background:#ffffff0d;border:1px solid #ffffff1a;border-left:none;border-radius:0 12px 12px 0;justify-content:center;align-items:center;height:48px;padding:0 16px;transition:background-color .2s;display:flex}.add-client-btn:hover{background-color:#ffffff0d}.standard-input{color:#fff;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;height:48px;padding:0 16px;transition:all .2s}.standard-input:focus{border-color:#4f46e5}.add-item-btn{color:#818cf8;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:flex}.add-item-btn:hover{text-decoration:underline}.items-list{flex-direction:column;gap:16px;display:flex}.item-row{grid-template-columns:repeat(12,minmax(0,1fr));align-items:flex-end;gap:16px;display:grid}.item-field{flex-direction:column;gap:4px;min-width:0;display:flex}.field-label{opacity:.5;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.item-input{color:#fff;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:8px 12px;font-size:.875rem;transition:border-color .2s}.item-input:focus{border-color:#4f46e5}.col-qty .item-input,.col-tax .item-input{text-align:center;padding-left:4px;padding-right:4px}.col-desc{grid-column:span 12}.col-qty,.col-price,.col-tax{grid-column:span 4}.col-action{grid-column:span 2;justify-content:center;padding-bottom:8px;display:flex}.remove-item-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:8px;transition:color .2s}.remove-item-btn:hover{color:#f87171}.remove-item-btn:disabled{opacity:0;cursor:default}.side-column{flex-direction:column;gap:32px;display:flex}.summary-card{flex-direction:column;gap:24px;height:fit-content;padding:32px;display:flex;position:sticky;top:112px}.summary-rows{flex-direction:column;gap:16px;display:flex}.summary-row{opacity:.6;justify-content:space-between;font-size:.875rem;display:flex}.total-row{border-top:1px solid #ffffff1a;justify-content:space-between;padding-top:16px;font-size:1.25rem;font-weight:700;display:flex}.total-value{color:#818cf8}.recurring-box{background-color:#ffffff0d;border-radius:12px;flex-direction:column;gap:16px;margin-top:16px;padding:16px;display:flex}.recurring-toggle{justify-content:space-between;align-items:center;display:flex}.recurring-label-box{align-items:center;gap:8px;display:flex}.recurring-text{font-size:.875rem;font-weight:500}.frequency-select{color:#fff;background-color:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:8px 12px;font-size:.875rem}.action-stack{flex-direction:column;gap:12px;margin-top:16px;display:flex}@media (width>=768px){.details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.col-desc{grid-column:span 5}.col-qty,.col-price,.col-tax{grid-column:span 2}.col-action{grid-column:span 1}}@media (width>=1024px){.create-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.main-column{grid-column:span 2/span 2}}.searchable-select{flex:1;position:relative}.searchable-select .standard-input{border-radius:12px 0 0 12px}.dropdown-list{z-index:1001;background:#16181d;border:1px solid #ffffff26;border-radius:12px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #000c}.dropdown-item{cursor:pointer;z-index:1002;background:#16181d;padding:12px 16px;font-size:.875rem;transition:all .2s;position:relative}.dropdown-item:hover{color:#818cf8;background:#4f46e533}.dropdown-empty{opacity:.5;text-align:center;padding:12px 16px;font-size:.875rem}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:none}.item-searchable-wrapper{width:100%;position:relative}.item-dropdown-list{z-index:9999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1b1e;border:1px solid #fff3;border-radius:12px;max-height:250px;margin-top:8px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 12px 50px #000c}.item-dropdown-item{cursor:pointer;border-bottom:1px solid #ffffff0d;flex-direction:column;gap:4px;padding:12px 16px;transition:all .2s;display:flex}.item-dropdown-item:last-child{border-bottom:none}.item-dropdown-item:hover{background:#6366f11a}.item-drop-info{justify-content:space-between;align-items:center;display:flex}.item-drop-name{color:#fff;font-weight:600}.item-drop-price{color:#818cf8;font-size:.75rem;font-weight:700}.item-drop-hsn{opacity:.4;letter-spacing:.05em;font-size:.7rem}.item-dropdown-empty{text-align:center;opacity:.5;padding:16px;font-size:.875rem}.clients-container{flex-direction:column;gap:32px;display:flex}.clients-header{justify-content:space-between;align-items:center;display:flex}.clients-title{font-size:1.875rem;font-weight:700}.clients-subtitle{color:#ffffff80;margin-top:4px;font-size:.875rem}.clients-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:24px;display:grid}.client-card{flex-direction:column;gap:24px;padding:24px;transition:all .3s;display:flex;position:relative;overflow:hidden}.client-actions{opacity:0;gap:8px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.client-action-btn{cursor:pointer;color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.client-action-btn.edit:hover{color:#818cf8;background:#6366f133;border-color:#6366f14d}.client-action-btn.delete:hover{color:#f87171;background:#ef444433;border-color:#ef44444d}.client-card:hover .client-actions{opacity:1}.client-main-info{align-items:center;gap:16px;display:flex}.client-avatar{color:#818cf8;text-transform:uppercase;background-color:#4f46e533;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.25rem;font-weight:700;display:flex}.client-name{margin:0;font-size:1.125rem;font-weight:700}.client-email-box{opacity:.5;align-items:center;gap:8px;margin-top:4px;font-size:.75rem;display:flex}.client-contact-details{border-top:1px solid #ffffff0d;flex-direction:column;gap:12px;padding-top:16px;display:flex}.contact-item{opacity:.6;align-items:center;gap:12px;font-size:.875rem;display:flex}.client-stats{border-top:1px solid #ffffff0d;gap:16px;padding-top:16px;display:flex}.stat-item{text-align:center;flex:1;padding:12px}.stat-label{opacity:.5;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.75rem;font-weight:700}.stat-value{justify-content:center;align-items:center;gap:4px;font-weight:700;display:flex}.text-indigo{color:#818cf8}.text-emerald{color:#34d399}@media (width>=768px){.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.clients-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.recurring-container{flex-direction:column;gap:32px;display:flex}.recurring-header{justify-content:space-between;align-items:center;display:flex}.recurring-title{font-family:monospace;font-size:1.875rem;font-weight:700}.recurring-subtitle{color:#ffffff80;margin-top:4px;font-size:.875rem}.active-automations{border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.automation-text{font-size:.875rem;font-weight:600}.recurring-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:24px;display:grid}.recurring-card{border:1px solid #4f46e533;flex-direction:column;gap:24px;padding:32px;transition:border-color .3s;display:flex;position:relative}.recurring-card:hover{border-color:#4f46e566}.top-more-btn{cursor:pointer;border-radius:8px;padding:8px;position:absolute;top:24px;right:24px}.card-main-info{align-items:center;gap:24px;display:flex}.recurring-icon{color:#fff;background-color:#4f46e5;border-radius:24px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;transform:scale(1.1);box-shadow:0 10px 15px -3px #4f46e533}.client-info-box{flex:1}.client-name-title{letter-spacing:-.025em;margin:0;font-size:1.5rem;font-weight:700}.frequency-details{opacity:.6;align-items:center;gap:16px;margin-top:4px;font-size:.875rem;display:flex}.detail-item{align-items:center;gap:4px;display:flex}.dot-indicator{background-color:#10b981;border-radius:9999px;padding:4px}.template-summary{justify-content:space-between;align-items:center;padding:24px;display:flex}.template-label{opacity:.5;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:.75rem;font-weight:700}.template-value{margin:0;font-size:1.25rem;font-weight:700}.id-label{opacity:.5;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700}.id-value{margin:0;font-family:monospace;font-size:.875rem}.card-actions{gap:12px;margin-top:16px;display:flex}.action-btn-full{flex:1;justify-content:center;gap:8px;padding:12px}.recurring-empty{text-align:center;opacity:.5;border:2px dashed #ffffff1a;border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:80px;display:flex}.empty-spin-icon{background-color:#ffffff0d;border-radius:9999px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.spin-slow{animation:8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width>=1024px){.recurring-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.public-invoice-page{color:#ffffffe6;background:radial-gradient(at top,#4f46e533,#000,#000);justify-content:center;min-height:100vh;padding:48px;display:flex}.public-container{flex-direction:column;gap:40px;width:100%;max-width:896px;display:flex}.public-portal-header{justify-content:space-between;align-items:center;margin-top:-16px;padding:32px;display:flex}.portal-brand{flex-direction:column;gap:4px;display:flex}.brand-text{letter-spacing:-.05em;font-family:monospace;font-size:2.25rem;font-weight:700}.portal-subtitle{opacity:.5;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700}.portal-actions{gap:12px;display:flex}.invoice-main-card{border-color:#6366f133;flex-direction:column;gap:40px;padding:48px;display:flex;box-shadow:0 25px 50px -12px #4f46e51a}.card-top-section{justify-content:space-between;align-items:flex-start;display:flex}.client-brand-box{flex-direction:column;gap:16px;display:flex}.section-label-tiny{opacity:.5;text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;font-weight:700}.client-name-huge{margin:0;font-size:1.875rem;font-weight:700}.invoice-type-desc{opacity:.6;max-width:200px;margin-top:4px;font-size:.875rem}.status-and-id{text-align:right;flex-direction:column;gap:16px;display:flex}.public-status-badge{border-radius:9999px;align-self:flex-end;padding:8px 24px;font-size:.875rem;font-weight:700}.inv-num-box{flex-direction:column;gap:4px;display:flex}.inv-num-value{font-family:monospace;font-size:1.25rem;font-weight:700}.invoice-metadata-grid{border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding:32px 0;display:grid}.meta-item{flex-direction:column;gap:4px;display:flex}.meta-label{opacity:.5;text-transform:uppercase;font-size:.75rem;font-weight:700}.meta-value{font-weight:600}.text-right{text-align:right}.public-items-table{text-align:left;border-collapse:collapse;width:100%}.table-head-row-light{opacity:.4;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.public-th{padding-bottom:24px}.public-tr{border-top:1px solid #ffffff0d}.public-td{padding:24px 0}.item-total-big{font-size:1.125rem;font-weight:700}.totals-area{justify-content:flex-end;margin-top:16px;display:flex}.totals-stack{flex-direction:column;gap:16px;width:100%;max-width:320px;display:flex}.total-row-huge{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.total-label-big{font-size:1.125rem;font-weight:700}.total-value-huge{font-family:monospace;font-size:1.875rem;font-weight:700}.payment-section{flex-direction:column;gap:24px;margin-top:40px;display:flex}.pay-btn-huge{letter-spacing:-.025em;border-radius:24px;justify-content:center;padding:20px;font-size:1.125rem;font-weight:700}.security-badges{opacity:.4;justify-content:center;align-items:center;gap:24px;font-size:.875rem;display:flex}.security-item{align-items:center;gap:8px;display:flex}.paid-confirmation{color:#34d399;border:1px solid #34d3994d;flex-direction:column;align-items:center;gap:16px;margin-top:40px;padding:40px;display:flex}@media (width>=768px){.invoice-metadata-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.login-page{color:#fff;background:#000;min-height:100vh;display:flex;overflow:hidden}.login-grid-container{grid-template-columns:1fr 1fr;width:100%;display:grid}.login-brand-section{background:radial-gradient(circle at 100% 100%,#6366f126,#0000 70%);border-right:1px solid #ffffff0d;justify-content:center;align-items:center;padding:60px;display:flex}.brand-content{max-width:460px}.login-hero-title{letter-spacing:-.04em;margin:24px 0 16px;font-size:3rem;font-weight:800;line-height:1.1}.login-hero-subtitle{color:#ffffff80;margin-bottom:32px;font-size:1rem;line-height:1.5}.brand-features{flex-direction:column;gap:12px;display:flex}.brand-feature{color:#ffffffb3;align-items:center;gap:12px;font-size:.95rem;font-weight:500;display:flex}.login-auth-section{background:radial-gradient(circle at 0 0,#4f46e51a,#0000 70%);justify-content:center;align-items:center;padding:16px;display:flex}.auth-card-compact{border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:400px;padding:24px 32px;display:flex}.auth-header-compact{margin-bottom:4px}.auth-header-compact h2{margin-bottom:2px;font-size:1.5rem;font-weight:800}.auth-header-compact p{color:#fff6;font-size:.85rem}.auth-form{flex-direction:column;gap:14px;display:flex}.form-label{opacity:.5;margin-left:2px;font-size:.75rem;font-weight:600}.input-wrapper{width:100%;position:relative}.input-icon{color:#6366f1;opacity:.6;pointer-events:none;z-index:10;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.auth-input{outline:none;transition:all .2s;color:#fff!important;box-sizing:border-box!important;background-color:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:12px!important;width:100%!important;padding:14px 44px 14px 52px!important;font-size:1rem!important}.auth-input:focus{background:#ffffff0f;border-color:#6366f1}.toggle-password-btn{cursor:pointer;color:#6366f1;opacity:.6;z-index:10;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:opacity .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.toggle-password-btn:hover{opacity:1}.auth-options{justify-content:space-between;align-items:center;margin-top:-4px;font-size:.75rem;display:flex}.remember-me{cursor:pointer;opacity:.6;align-items:center;gap:6px;display:flex}.remember-checkbox{accent-color:#6366f1;cursor:pointer;width:14px;height:14px}.forgot-link{color:#818cf8;font-weight:600;text-decoration:none}.login-submit-btn{border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:2px;padding:12px;font-size:.95rem;font-weight:700;display:flex}.divider-container{align-items:center;gap:12px;margin:2px 0;display:flex}.divider-line{background:#ffffff14;flex:1;height:1px}.divider-text{opacity:.3;text-transform:uppercase;letter-spacing:.1em;font-size:.6rem;font-weight:700}.social-auth{gap:10px;display:flex}.social-button{border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.9rem;transition:all .2s;display:flex}.switch-auth-btn-compact{color:#fff6;cursor:pointer;background:0 0;border:none;margin-top:4px;font-size:.8rem}.switch-auth-highlight{color:#818cf8;font-weight:700}.error-alert{color:#f87171;background:#ef44441a;border:1px solid #ef444433;border-radius:16px;align-items:center;gap:12px;padding:16px;font-size:.85rem;display:flex}@media (width<=1024px){.login-grid-container{grid-template-columns:1fr}.login-brand-section{display:none}.login-auth-section{min-height:100vh;padding:24px}.auth-card-compact{padding:32px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-shake{animation:.4s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}:root{--primary:#4f46e5;--secondary:#06b6d4;--accent:#f43f5e;--bg-dark:#020617;--card-bg:#0f172a99;--glass-border:#ffffff14;--text-dim:#ffffff80;--font-main:"Outfit", sans-serif}.landing-page{background-color:var(--bg-dark);color:#fff;font-family:var(--font-main);min-height:100vh;position:relative;overflow-x:hidden}.landing-page:before{content:"";filter:blur(80px);z-index:0;pointer-events:none;background:radial-gradient(circle at 20% 30%,#4f46e526 0%,#0000 50%),radial-gradient(circle at 80% 70%,#06b6d41a 0%,#0000 50%),radial-gradient(circle,#f43f5e0d 0%,#0000 50%);width:120%;height:120%;position:fixed;top:-10%;left:-10%}.landing-navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);box-sizing:border-box;background:#02061766;justify-content:space-between;align-items:center;width:100%;padding:24px 6%;display:flex;position:fixed;top:0}.brand-box{align-items:center;gap:12px;text-decoration:none;transition:transform .3s;display:flex}.brand-box:hover{transform:scale(1.02)}.brand-logo{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:12px;padding:8px;display:flex;box-shadow:0 4px 12px #4f46e566}.hero-title{letter-spacing:-3px;-webkit-text-fill-color:transparent;background:linear-gradient(#fff 40%,#fff9);-webkit-background-clip:text;background-clip:text;margin-bottom:32px;font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1}.app-preview-container{perspective:1000px;margin-top:80px}.app-preview-glass{background:var(--card-bg);border:4px solid var(--glass-border);border-radius:24px;max-width:800px;margin:0 auto;transition:transform .6s cubic-bezier(.4,0,.2,1);overflow:hidden;transform:rotateX(10deg);box-shadow:0 50px 100px -20px #000000b3}.app-preview-container.active .app-preview-glass{transform:rotateX(0)translateY(-20px)}.preview-header{background:#ffffff0d;align-items:center;gap:20px;padding:12px 20px;display:flex}.preview-dots{gap:6px;display:flex}.preview-dots span{background:#fff3;border-radius:50%;width:8px;height:8px}.preview-address-bar{color:var(--text-dim);background:#0003;border-radius:6px;flex:1;padding:4px 12px;font-size:.7rem}.preview-content{background:linear-gradient(#ffffff05 0%,#0000 100%);justify-content:center;align-items:center;height:400px;padding:40px;display:flex}.mock-invoice{color:#333;background:#fff;border-radius:12px;flex-direction:column;gap:12px;width:300px;padding:24px;display:flex;transform:scale(.9)}.mock-logo{background:var(--primary);border-radius:8px;width:40px;height:40px}.mock-date{background:#eee;border-radius:4px;align-self:flex-end;width:80px;height:8px}.mock-line{background:#f0f0f0;border-radius:4px;height:10px}.mock-line.short{width:60%}.mock-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mock-box{background:#f8f8f8;border-radius:8px;height:60px}.trust-section{margin-top:100px}.trust-text{letter-spacing:.2em;color:var(--text-dim);margin-bottom:24px;font-size:.7rem;font-weight:800}.trust-logos{opacity:.3;filter:grayscale();justify-content:center;gap:60px;font-size:1.2rem;font-weight:800;display:flex}.brand-text{-webkit-text-fill-color:transparent;letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800}.navbar-links{align-items:center;gap:32px;display:flex}.nav-item{color:var(--text-dim);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-item:hover{color:#fff}.nav-cta{color:var(--bg-dark);background:#fff;border-radius:100px;padding:10px 24px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px -5px #fff3}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #ffffff4d}.hero-section{text-align:center;max-width:1000px;margin:0 auto;padding:180px 6% 100px;position:relative}.hero-badge{color:var(--primary);letter-spacing:.1em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#4f46e51a;border:1px solid #4f46e533;border-radius:100px;margin-bottom:32px;padding:8px 16px;font-size:.75rem;font-weight:700;display:inline-block}.hero-title{letter-spacing:-3px;background:linear-gradient(#fff 40%,#fff9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:32px;font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1}.hero-subtitle{color:var(--text-dim);max-width:600px;margin:0 auto 48px;font-size:1.25rem;line-height:1.6}.cta-group{justify-content:center;gap:20px;display:flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:100px;align-items:center;gap:12px;padding:16px 40px;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 20px 40px -10px #4f46e566}.btn-primary:hover{transform:scale(1.05)translateY(-5px);box-shadow:0 30px 60px -10px #4f46e599}.features-section{max-width:1200px;margin:0 auto;padding:100px 6%}.section-header{text-align:center;margin-bottom:80px}.section-title{letter-spacing:-2px;margin-bottom:16px;font-size:3rem;font-weight:800}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.feature-card{background:var(--card-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;padding:40px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:hover{background:#1e293bcc;border-color:#fff3;transform:translateY(-8px)}.feature-card:before{content:"";opacity:0;background:radial-gradient(circle at 100% 0,#4f46e51a,#0000 60%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.feature-card:hover:before{opacity:1}.icon-box{border:1px solid var(--glass-border);width:56px;height:56px;color:var(--primary);background:#ffffff0d;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;transition:all .3s;display:flex}.feature-card:hover .icon-box{background:var(--primary);color:#fff;transform:rotate(10deg)}.feature-name{margin-bottom:12px;font-size:1.4rem;font-weight:700}.feature-desc{color:var(--text-dim);font-size:.95rem;line-height:1.6}.pricing-section{text-align:center;padding:100px 6%}.pricing-card{border:1px solid var(--primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293b99,#020617cc);border-radius:40px;max-width:500px;margin:0 auto;padding:60px 40px;position:relative;box-shadow:0 40px 100px -20px #00000080}.pricing-badge{background:var(--primary);border-radius:100px;padding:8px 24px;font-size:.8rem;font-weight:800;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.reveal{opacity:0;transition:all 1s cubic-bezier(.2,.8,.2,1);transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}@media (width<=768px){.hero-title{letter-spacing:-1px;font-size:3.5rem}.cta-group{flex-direction:column;align-items:center}.btn-primary{justify-content:center;width:100%}.navbar-links{display:none}}.landing-footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--glass-border);text-align:center;background:#020617cc;flex-direction:column;align-items:center;gap:24px;margin-top:100px;padding:60px 6%;display:flex}.footer-logo{color:#fff;align-items:center;gap:12px;display:flex}.footer-copy{color:var(--text-dim);max-width:400px;font-size:.9rem;line-height:1.6}.settings-container{max-width:1200px;margin:0 auto;padding:0 16px}.settings-header{margin-bottom:40px}.settings-title{letter-spacing:-.02em;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2.5rem;font-weight:800}.settings-subtitle{opacity:.5;font-size:1.125rem}.settings-grid{grid-template-columns:280px 1fr;gap:40px;display:grid}.settings-sidebar{flex-direction:column;gap:12px;display:flex}.sidebar-item{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;align-items:center;gap:12px;padding:16px 20px;transition:all .2s;display:flex}.sidebar-item:hover{background:#ffffff0d;transform:translate(4px)}.sidebar-item.active{color:#818cf8;background:#6366f11a;border-color:#6366f14d}.settings-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:24px;padding:32px}.card-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.card-title{font-size:1.25rem;font-weight:700}.setting-group{flex-direction:column;gap:8px;display:flex}.setting-label{font-size:.95rem;font-weight:600}.setting-desc{opacity:.5;margin-bottom:12px;font-size:.875rem}.save-footer{justify-content:flex-end;align-items:center;gap:24px;margin-top:40px;display:flex}.save-confirm{font-size:.875rem;font-weight:500}.logo-upload-container{align-items:center;gap:20px;display:flex}.logo-preview-box{background:#ffffff0d;border:1px dashed #ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:100px;height:100px;display:flex;overflow:hidden}.logo-img-preview{object-fit:contain;width:100%;height:100%;padding:8px}.upload-actions{flex-direction:column;flex:1;gap:12px;display:flex}.url-manual-input{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.url-small-input{color:#fff;opacity:.6;background:0 0;border:none;outline:none;width:100%;font-size:.75rem}@media (width<=768px){.settings-grid{grid-template-columns:1fr}.settings-sidebar{flex-direction:row;padding-bottom:8px;overflow-x:auto}.sidebar-item{white-space:nowrap}}.auth-background-wrapper{background:#000;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.auth-card{z-index:10;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;gap:32px;width:100%;max-width:440px;padding:40px;display:flex;position:relative;box-shadow:0 25px 50px -12px #00000080}.auth-header{text-align:center}.auth-logo-icon{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 24px;display:flex;box-shadow:0 0 20px #6366f166}.auth-title{letter-spacing:-.02em;margin-bottom:8px;font-size:2rem;font-weight:800}.auth-subtitle{color:#ffffff80;font-size:.95rem;line-height:1.5}.success-state{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:20px 0;display:flex}.success-icon-wrapper{background:#10b9811a;border-radius:50%;margin-bottom:8px;padding:20px}.success-message{font-size:1rem;font-weight:500;line-height:1.6}.redirect-text{opacity:.5;font-size:.85rem}.back-link{color:#818cf8;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.back-link:hover{color:#6366f1;transform:translate(-4px)}.auth-glow-1{filter:blur(100px);z-index:1;background:radial-gradient(circle,#6366f126 0%,#0000 70%);width:50%;height:50%;position:absolute;top:-20%;left:-10%}.auth-glow-2{filter:blur(100px);z-index:1;background:radial-gradient(circle,#a855f726 0%,#0000 70%);width:50%;height:50%;position:absolute;bottom:-20%;right:-10%}.toggle-password{color:#6366f1;opacity:.6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.toggle-password:hover{opacity:1}.animate-float{animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.inventory-container{flex-direction:column;gap:32px;display:flex}.inventory-header{justify-content:space-between;align-items:center;display:flex}.inventory-title{font-size:1.875rem;font-weight:700}.inventory-subtitle{opacity:.6;margin-top:4px}.inventory-controls{border-radius:16px;padding:24px}.search-box{align-items:center;display:flex;position:relative}.search-icon{opacity:.4;position:absolute;left:16px}.search-box input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:12px 16px 12px 48px;transition:all .3s}.search-box input:focus{background:#ffffff14;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.inventory-card{border-radius:16px;flex-direction:column;gap:16px;padding:20px;transition:all .3s;display:flex;position:relative}.inventory-card:hover{border-color:#6366f14d;transform:translateY(-4px)}.card-top{justify-content:space-between;align-items:flex-start;display:flex}.item-icon-box{color:#818cf8;background:#6366f11a;border-radius:12px;padding:12px}.card-actions{gap:8px;display:flex}.action-btn{cursor:pointer;color:#fff;background:#ffffff0d;border:none;border-radius:8px;padding:8px;transition:all .2s}.action-btn.edit:hover{color:#818cf8;background:#6366f133}.action-btn.delete:hover{color:#f87171;background:#ef444433}.item-info{flex:1}.item-name{margin-bottom:4px;font-size:1.15rem;font-weight:600}.item-desc{opacity:.6;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.item-stats{border-top:1px solid #ffffff0d;flex-direction:column;gap:10px;padding-top:16px;display:flex}.item-stat{justify-content:space-between;font-size:.875rem;display:flex}.stat-label{opacity:.5;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.stat-value{color:#818cf8;font-size:1.1rem;font-weight:700}.item-unit-badge{color:#818cf8;text-transform:uppercase;background:#6366f11a;border:1px solid #6366f133;border-radius:6px;width:fit-content;margin-top:8px;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-block}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:#111;border:1px solid #ffffff1a;border-radius:28px;width:100%;max-width:600px;margin:auto;padding:24px 32px 32px;box-shadow:0 30px 60px #000c}.modal-header h2{margin:0;font-size:1.5rem}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.close-btn{color:#fff;opacity:.5;cursor:pointer;background:0 0;border:none;transition:opacity .2s}.close-btn:hover{opacity:1}.item-form{flex-direction:column;gap:24px;display:flex}.form-label{opacity:.8;font-size:.875rem;font-weight:500}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{opacity:.4;position:absolute;left:16px}.input-with-icon input,.input-with-icon textarea{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:12px 16px 12px 48px}.input-with-icon textarea{resize:none;height:100px}.form-row{gap:20px;display:flex}.flex-1{flex:1}.form-select,.form-input-plain{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:12px 16px}.form-select option{background:#1c1c1c}.modal-footer{justify-content:flex-end;gap:16px;margin-top:12px;display:flex}.support-container{max-width:1200px;margin:0 auto;padding:2rem}.support-header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.support-header h1{background:linear-gradient(135deg,#fff,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.btn-create-ticket{color:#fff;cursor:pointer;background:#818cf8;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #818cf84d}.btn-create-ticket:hover{transform:translateY(-2px);box-shadow:0 8px 25px #818cf866}.ticket-form-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ticket-form-card{background:#0d0d0d;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:650px;padding:1.5rem 2.5rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.ticket-form-card:before{content:"";background:linear-gradient(90deg,#0000,#818cf8,#0000);height:2px;position:absolute;top:0;left:0;right:0}.form-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.btn-close{color:#fff;cursor:pointer;opacity:.5;background:0 0;border:none;font-size:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{opacity:.6;margin-bottom:.5rem;font-size:.8rem;display:block}.support-input,.support-textarea{color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:.95rem;transition:all .2s}.support-input:focus,.support-textarea:focus{background:#ffffff0f;border-color:#818cf8;box-shadow:0 0 0 4px #818cf81a}.support-textarea{resize:none;height:120px}.form-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.btn-submit-ticket{color:#fff;cursor:pointer;background:#818cf8;border:none;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:2rem;padding:16px;font-weight:700;transition:all .3s;display:flex}.btn-submit-ticket:hover{background:#6366f1;transform:translateY(-1px);box-shadow:0 10px 20px #6366f133}.tickets-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.ticket-card{border:1px solid #ffffff0d;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.ticket-main{justify-content:space-between;display:flex}.ticket-info h4{margin:8px 0;font-size:1.1rem}.category-tag{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:.65rem;font-weight:800}.category-tag.technical{color:#818cf8;background:#818cf833}.category-tag.billing{color:#10b981;background:#10b98133}.status-badge{align-items:center;gap:6px;height:fit-content;font-size:.75rem;font-weight:700;display:flex}.status-badge.open{color:#f59e0b}.status-badge.resolved{color:#10b981}.ticket-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.priority-lite{opacity:.4;font-size:.75rem}.btn-view-ticket{color:#818cf8;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:.8rem;font-weight:600;display:flex}.support-chat-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.support-chat-modal{background:#0d0d0d;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;width:100%;max-width:650px;height:80vh;display:flex;position:relative;overflow:hidden}.support-chat-modal .chat-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:24px;display:flex}.support-chat-modal .chat-header h3{font-size:1.25rem;font-weight:700}.support-chat-modal .chat-header p{opacity:.5;margin-top:4px;font-size:.85rem}.support-chat-modal .chat-body{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.chat-msg{border-radius:16px;flex-direction:column;gap:8px;max-width:85%;padding:16px;display:flex}.chat-msg.original,.chat-msg.user{background:#818cf820;border-right:4px solid #818cf8;align-self:flex-end}.chat-msg.admin{background:#ffffff0d;border-left:4px solid #fff3;align-self:flex-start}.msg-owner{text-transform:uppercase;letter-spacing:.05em;opacity:.4;font-size:.7rem;font-weight:800}.chat-msg p{margin:0;font-size:.95rem;line-height:1.5}.msg-time{opacity:.3;font-size:.65rem}.support-chat-modal .chat-footer{background:#ffffff05;border-top:1px solid #ffffff0d;flex-direction:column;gap:16px;padding:24px;display:flex}.support-chat-modal .chat-footer textarea{color:#fff;resize:none;background:#0003;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;height:90px;padding:12px;font-size:.95rem}.support-chat-modal .btn-send-reply{color:#fff;cursor:pointer;background:#818cf8;border:none;border-radius:12px;align-self:flex-end;align-items:center;gap:10px;padding:12px 24px;font-weight:700;transition:all .2s;display:flex}.support-chat-modal .btn-send-reply:hover{background:#6366f1;transform:translateY(-1px)}.closed-notice{text-align:center;background:#ffffff08;border:1px dashed #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.closed-notice span{opacity:.6;font-size:.9rem;line-height:1.5}.closed-notice svg{color:#10b981;opacity:.8}.empty-tickets{opacity:.5;flex-direction:column;grid-column:1/-1;align-items:center;padding:4rem;display:flex}.admin-container{flex-direction:column;gap:32px;max-width:1200px;margin:0 auto;display:flex}.admin-header{justify-content:space-between;align-items:flex-end;display:flex}.admin-header-actions{align-items:center;gap:16px;display:flex}.btn-maintenance{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.btn-maintenance.active{color:#f87171;background:#ef44441a;border-color:#ef4444}.btn-maintenance:hover{background:#ffffff14}.admin-badge{color:#818cf8;text-transform:uppercase;background:#6366f11a;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.admin-title{letter-spacing:-.025em;font-size:2.25rem;font-weight:800}.admin-subtitle{opacity:.6;margin-top:4px}.system-status{background:#ffffff0d;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:600;display:flex}.status-dot{border-radius:50%;width:10px;height:10px}.status-dot.online{background:#10b981;animation:2s infinite pulse;box-shadow:0 0 10px #10b981}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 10px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.admin-stat-card{align-items:center;gap:24px;padding:32px;transition:transform .3s;display:flex}.admin-stat-card:hover{transform:translateY(-4px)}.stat-icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-icon-wrapper.blue{color:#3b82f6;background:#3b82f61a}.stat-icon-wrapper.purple{color:#a855f7;background:#a855f71a}.stat-icon-wrapper.green{color:#10b981;background:#10b9811a}.stat-icon-wrapper.orange{color:#f97316;background:#f973161a}.stat-details h3{margin:0;font-size:1.75rem;font-weight:800}.stat-details p{opacity:.5;margin:4px 0 0;font-size:.875rem}.admin-content-grid{grid-template-columns:1fr 340px;gap:32px;display:grid}.users-section{padding:32px}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.admin-search-box{background:#ffffff0d;border-radius:12px;align-items:center;gap:12px;width:300px;padding:10px 16px;display:flex}.admin-search-box input{color:#fff;background:0 0;border:none;outline:none;flex:1}.users-list{flex-direction:column;display:flex}.users-table-header{text-transform:uppercase;opacity:.4;letter-spacing:.05em;grid-template-columns:2fr 1fr 1fr 1fr 1.2fr;padding:12px 24px;font-size:.75rem;font-weight:700;display:grid}.user-row{border-bottom:1px solid #ffffff05;border-radius:12px;grid-template-columns:2fr 1fr 1fr 1fr 1.2fr;align-items:center;padding:16px 24px;transition:background .2s;display:grid}.user-row:hover{background:#ffffff08}.user-brief{align-items:center;gap:12px;min-width:0;display:flex}.user-meta{flex-direction:column;display:flex}.user-name-bold{font-weight:700}.user-email-tiny{opacity:.5;font-size:.75rem}.status-badge{text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:700}.status-badge.active{color:#10b981;background:#10b9811a}.status-badge.suspended{color:#f87171;background:#ef44441a}.admin-row-actions{justify-content:flex-end;gap:8px;margin-top:0;display:flex}.admin-action-btn{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.admin-action-btn:hover{background:#ffffff14;border-color:#fff3}.admin-action-btn.upgrade:hover{color:#10b981;border-color:#10b981}.admin-action-btn.imp:hover{color:#818cf8;border-color:#818cf8}.admin-action-btn.susp:hover{color:#fbbf24;border-color:#fbbf24}.admin-action-btn.del:hover{color:#f87171;border-color:#f87171}.user-date{opacity:.6;align-items:center;gap:8px;font-size:.875rem;display:flex}.user-details-btn{color:#fff;opacity:.3;cursor:pointer;background:0 0;border:none;transition:opacity .2s}.user-details-btn:hover{opacity:1}.privacy-notice{text-align:center;flex-direction:column;align-items:center;gap:16px;height:fit-content;padding:32px;display:flex}.notice-icon{margin-bottom:8px}.privacy-notice h3{margin:0;font-size:1.15rem}.privacy-notice p{opacity:.6;font-size:.875rem;line-height:1.6}.security-badges{flex-direction:column;gap:8px;width:100%;margin-top:8px;display:flex}.s-badge{color:#818cf8;background:#6366f10d;border:1px solid #6366f11a;border-radius:10px;padding:8px;font-size:.75rem;font-weight:600}.admin-tabs{border-bottom:1px solid #ffffff0d;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.admin-tab{color:#fff6;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;padding:10px 20px;font-size:.875rem;font-weight:600;transition:all .2s}.admin-tab:hover{color:#fff;background:#ffffff08}.admin-tab.active{color:#818cf8;background:#6366f11a;border-color:#6366f133}.trends-section{flex-direction:column;min-height:400px;padding:32px;display:flex}.trends-chart-sim{flex:1;align-items:flex-end;gap:8px;padding:24px 0;display:flex}.trend-bar-wrapper{flex-direction:column;flex:1;align-items:center;gap:12px;display:flex}.trend-bar{cursor:help;background:linear-gradient(#818cf8,#4f46e5);border-radius:4px 4px 0 0;width:100%;transition:all .5s}.trend-bar:hover{filter:brightness(1.2);box-shadow:0 0 15px #6366f166}.trend-label{opacity:.4;font-size:.65rem;font-weight:700}.email-logs-list{flex-direction:column;display:flex}.email-log-header{text-transform:uppercase;opacity:.4;letter-spacing:.05em;grid-template-columns:1.5fr 2fr 1fr 1fr 1fr;padding:12px 16px;font-size:.75rem;font-weight:700;display:grid}.email-log-row{border-bottom:1px solid #ffffff08;grid-template-columns:1.5fr 2fr 1fr 1fr 1fr;align-items:center;padding:16px;font-size:.875rem;display:grid}.email-addr{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.email-subj{opacity:.7;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.email-type-tag{background:#ffffff0d;border-radius:4px;width:fit-content;padding:2px 8px;font-size:.75rem}.status-text{align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:flex}.status-text.sent{color:#10b981}.status-text.failed{color:#ef4444}.broadcast-section{max-width:800px;padding:32px}.broadcast-form{flex-direction:column;gap:24px;margin-top:12px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{opacity:.6;font-size:.875rem;font-weight:600}.form-group input,.form-group textarea{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:16px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{background:#ffffff14;border-color:#818cf8}.form-group textarea{resize:vertical;min-height:200px}.broadcast-footer{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.broadcast-tip{opacity:.5;align-items:center;gap:10px;font-size:.875rem;display:flex}.subtitle-small{opacity:.5;margin:4px 0 0;font-size:.875rem}.user-plan-cell{justify-content:flex-start;display:flex}.plan-tag{text-transform:uppercase;background:#ffffff0d;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:700}.plan-tag.free{color:#94a3b8;border:1px solid #94a3b833}.plan-tag.pro{color:#818cf8;background:#818cf80d;border:1px solid #818cf833}.plan-tag.enterprise{color:#f472b6;background:#f472b60d;border:1px solid #f472b633}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px;display:grid}.plan-admin-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;padding:24px;transition:all .3s}.plan-admin-card:hover{background:#ffffff0d;border-color:#ffffff1a}.plan-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.plan-name{font-size:1.1rem;font-weight:800}.plan-price{color:#818cf8;font-weight:700}.plan-limits-preview{margin-bottom:24px}.limit-item{opacity:.6;align-items:center;gap:10px;font-size:.875rem;display:flex}.btn-edit-plan{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:10px;font-size:.8rem;font-weight:600;transition:all .2s}.btn-edit-plan:hover{color:#000;background:#fff}.revenue-projection{background:linear-gradient(90deg,#6366f11a,#0000);border:1px solid #6366f133;align-items:center;gap:24px;padding:32px;display:flex}.revenue-projection h4{opacity:.7;margin:0;font-size:1rem}.revenue-projection p{opacity:.4;margin:4px 0 0;font-size:.8rem}.revenue-projection h2{color:#818cf8;margin:8px 0 0;font-size:2.5rem;font-weight:800}.admin-tickets-table{flex-direction:column;display:flex}.admin-tickets-table .table-header{opacity:.5;grid-template-columns:1.5fr 2fr 1fr 1fr 1fr .8fr;padding:12px 24px;font-size:.7rem;font-weight:800;display:grid}.admin-ticket-row{border-bottom:1px solid #ffffff08;grid-template-columns:1.5fr 2fr 1fr 1fr 1fr .8fr;align-items:center;padding:16px 24px;display:grid}.ticket-user{flex-direction:column;display:flex}.ticket-user strong{font-size:.9rem}.ticket-user span{opacity:.5;font-size:.7rem}.ticket-priority{text-transform:uppercase;font-size:.7rem;font-weight:800}.ticket-priority.high{color:#f87171}.ticket-priority.medium{color:#fbbf24}.ticket-priority.low{color:#10b981}.status-select{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:4px 8px;font-size:.75rem}.status-select.open{color:#f59e0b;border-color:#f59e0b}.status-select.resolved{color:#10b981;border-color:#10b981}.btn-reply{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;padding:4px 12px;font-size:.75rem}.btn-reply:hover{color:#000;background:#fff}.admin-chat-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-chat-modal{background:#0d0d0d;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:600px;height:80vh;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.chat-header h3{margin:0;font-size:1.1rem}.chat-header p{opacity:.5;margin:4px 0 0;font-size:.8rem}.chat-body{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.message{border-radius:12px;max-width:85%;padding:12px 16px}.message.original{background:#ffffff0d;border-left:4px solid #818cf8;align-self:flex-start}.message.user{background:#ffffff08;align-self:flex-start}.message.admin{background:#818cf820;border-right:4px solid #818cf8;align-self:flex-end}.msg-meta{opacity:.4;margin-bottom:6px;font-size:.7rem;font-weight:700}.msg-content{font-size:.95rem;line-height:1.5}.chat-footer{background:#ffffff05;border-top:1px solid #ffffff0d;flex-direction:column;gap:12px;padding:20px;display:flex}.chat-footer textarea{color:#fff;resize:none;background:#0003;border:1px solid #ffffff1a;border-radius:12px;height:80px;padding:12px;font-size:.9rem}.btn-send-reply{color:#fff;cursor:pointer;background:#818cf8;border:none;border-radius:10px;align-self:flex-end;align-items:center;gap:8px;padding:10px 20px;font-weight:700;display:flex}.btn-send-reply:hover{background:#6366f1}.admin-loading{opacity:.5;justify-content:center;align-items:center;min-height:400px;font-size:1.25rem;display:flex}@media (width<=1024px){.admin-content-grid{grid-template-columns:1fr}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary:#4f46e5;--primary-hover:#4338ca;--bg-gradient:radial-gradient(circle at top right, #1e1b4b, #0f1115);--glass:#ffffff08;--glass-border:#ffffff14;--accent-blue:#3b82f6;--accent-purple:#a855f7;--accent-pink:#ec4899;background-color:#0f1115;font-family:Outfit,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{background:var(--bg-gradient);color:#fff;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}*{box-sizing:border-box}.glass{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;transition:all .3s}.glass-card:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-2px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.animate-fade-in{animation:.4s forwards fadeIn}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent-blue));color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary:hover{opacity:.9;transform:scale(1.02);box-shadow:0 4px 15px #4f46e54d}.btn-secondary{background:var(--glass);border:1px solid var(--glass-border);color:#fff;cursor:pointer;border-radius:10px;padding:10px 20px;transition:all .2s}.btn-secondary:hover{background:#ffffff14}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}