@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#ff0084;--primary-hover:#e60077;--secondary:#d3d3d3;--accent:#f59e0b;--danger:#f43f5e;--bg-gradient:linear-gradient(135deg, #000 0%, #1a1a1a 100%);--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--text-main:#fff;--text-muted:#d3d3d3;--radius:12px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif}button{cursor:pointer;transition:var(--transition);border:none;font-family:inherit}input,select,textarea{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;border-radius:var(--radius);transition:var(--transition);outline:none;padding:.75rem 1rem;font-family:inherit}select option{color:#fff;background:#1a1a1a;padding:.5rem}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #6366f133}.glass-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius);background:#ffffff08;border:1px solid #ffffff14;padding:1.5rem;box-shadow:0 8px 32px #0009}.tab-nav{background:#ffffff0d;border-radius:16px;gap:1rem;width:fit-content;margin-bottom:2rem;padding:.5rem;display:flex}.sub-nav{gap:1rem;width:100%;margin-bottom:2rem;display:flex}.tab-btn{color:var(--text-muted);background:0 0;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;display:flex}.tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #6366f166}.status-badge{border-radius:999px;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.status-new{color:#ff0084;background:#ff008433}.status-process{color:#d3d3d3;background:#d3d3d333}.status-ready{color:#34d399;background:#10b98133}.status-delivery{color:#60a5fa;background:#3b82f633}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius);padding:.75rem 1.5rem;font-weight:600}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}@media (width<=768px){:root{--radius:12px}body{padding:0}.container{padding:.75rem}h1{font-size:1.75rem!important}header{flex-direction:column;gap:1rem;padding:1.5rem .75rem;align-items:flex-start!important;margin-bottom:2rem!important}header h1{font-size:1.75rem}header p{font-size:.85rem}.tab-nav{grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;padding:.4rem;display:grid}.sub-nav{grid-template-columns:1fr 1fr;gap:.75rem;display:grid;margin-bottom:1.5rem!important}.sub-nav button:last-child{grid-column:span 2;margin-left:0!important}.tab-btn{white-space:nowrap;justify-content:center;width:100%;padding:.6rem .5rem;font-size:.85rem}.glass-card{padding:1rem}.btn-primary{text-align:center;justify-content:center;width:100%}input,select,textarea{font-size:16px}.responsive-table tr{flex-direction:column;gap:.5rem;padding:1rem 0;display:flex}.responsive-table thead{display:none}.responsive-table td{justify-content:space-between;align-items:center;display:flex;border:none!important;padding:.25rem 0!important}.responsive-table td:before{content:attr(data-label);color:var(--text-muted);font-size:.75rem;font-weight:600}.responsive-table td:last-child{margin-top:.5rem;border-top:1px solid var(--glass-border)!important;padding-top:.75rem!important}}.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:2rem;display:grid}@media (width<=768px){.responsive-grid{grid-template-columns:1fr;gap:1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;background:#000000d9;padding:1rem;position:fixed;inset:0;justify-content:center!important;align-items:center!important;display:flex!important}.modal-content{scrollbar-width:thin;scrollbar-color:var(--primary) transparent;width:100%;max-width:500px;max-height:90vh;position:relative;overflow-y:auto}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}@media (width<=768px){.modal-content{border-radius:16px;max-height:85vh}}body.modal-open{overflow:hidden}.crm-header-responsive{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.crm-header-responsive .crm-title{order:1;margin:0}.crm-header-responsive .crm-search{flex:1;order:2;max-width:500px;position:relative}.crm-header-responsive .crm-add{order:3}.badge-member-type{border-style:solid;border-width:1px;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:.65rem;display:flex}.badge-reguler{color:#9ca3af;background:#9ca3af26;border-color:#9ca3af4d}.badge-member{color:#3b82f6;background:#3b82f626;border-color:#3b82f64d}.badge-reseller{color:#a855f7;background:#a855f726;border-color:#a855f74d}@media (width<=768px){.crm-header-responsive .crm-title{flex:1}.crm-header-responsive .crm-add{order:2}.crm-header-responsive .crm-search{flex:100%;order:3;max-width:100%}}.expense-card{transition:var(--transition);background:#ffffff05;justify-content:space-between;align-items:center;gap:1.25rem;display:flex}.expense-card:hover{background:#ffffff0a;transform:translateY(-2px)}.expense-info{flex:1;align-items:center;gap:1.25rem;display:flex}.expense-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:.75rem;display:flex}.expense-details{flex-direction:column;gap:.25rem;display:flex}.expense-meta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.expense-actions-wrapper{justify-content:flex-end;align-items:center;gap:1rem;display:flex}.expense-amount{color:#f43f5e;white-space:nowrap;font-size:1.1rem;font-weight:700}@media (width<=640px){.expense-card{flex-direction:column;align-items:stretch;gap:1rem}.expense-info{gap:1rem}.expense-icon{padding:.6rem}.expense-icon svg{width:18px;height:18px}.expense-meta{gap:.5rem}.expense-actions-wrapper{border-top:1px solid var(--glass-border);justify-content:space-between;width:100%;margin-top:.5rem;padding-top:1rem}.expense-amount{font-size:1.2rem}}