@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color:#f8fafc;--surface-color:#fff;--surface-border:#e2e8f0;--primary-color:#0f172a;--primary-hover:#334155;--accent-color:#3b82f6;--text-main:#1e293b;--text-muted:#64748b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--font-main:"Outfit", sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000008}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-main);background-image:radial-gradient(at 0 0,#3b82f60a 0,#0000 50%),radial-gradient(at 100% 0,#0f172a05 0,#0000 50%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--primary-color);letter-spacing:-.02em;margin-bottom:.5rem;font-weight:700}p{color:var(--text-muted);line-height:1.7}a{color:var(--accent-color);text-decoration:none;transition:color .3s}a:hover{color:var(--primary-hover)}.glass-panel{-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-border);box-shadow:var(--shadow-md);background:#fffc;border-radius:1.25rem;padding:2rem;transition:transform .3s,box-shadow .3s}.glass-panel:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}header.top-nav{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--surface-border);background:#ffffffd9;position:sticky;top:0}input,textarea,select{border:1px solid var(--surface-border);width:100%;color:var(--text-main);font-family:var(--font-main);box-shadow:var(--shadow-sm);background:#fff;border-radius:.75rem;padding:.875rem 1rem;transition:all .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #3b82f626}label{color:var(--primary-color);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.btn{font-weight:600;font-family:var(--font-main);cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 6px -1px #0f172a33}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 8px -1px #0f172a40}.btn-outline{border:1px solid var(--surface-border);color:var(--primary-color);box-shadow:var(--shadow-sm);background:#fff}.btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.btn-accent{background:var(--accent-color);color:#fff}.btn-accent:hover{background:#2563eb}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.container{width:100%;max-width:1100px;margin:0 auto;padding:2rem}.grid{gap:1.5rem;display:grid}.grid-cols-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.timeline-item{border-left:2px solid var(--surface-border);padding-bottom:2.5rem;padding-left:2.5rem;position:relative}.timeline-item:last-child{border-left-color:#0000}.timeline-dot{background:var(--surface-color);border:3px solid var(--accent-color);border-radius:50%;width:16px;height:16px;position:absolute;top:0;left:-9px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}#home-page{background-color:var(--background);color:var(--foreground);font-family:var(--font-family-body,"Inter", sans-serif);--background:#f8fafc;--foreground:#0f172a;--border:#e2e8f0;--input:#fff;--primary:#1d4ed8;--primary-foreground:#fff;--secondary:#f1f5f9;--secondary-foreground:#475569;--muted:#f8fafc;--muted-foreground:#64748b;--success:#10b981;--success-foreground:#047857;--accent:#3b82f6;--accent-foreground:#fff;--card:#fff;--card-foreground:#0f172a;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;font-size:15px;font-weight:400;line-height:1.6}#hero{justify-content:center;align-items:center;min-height:70vh;padding:40px 2rem;display:flex;position:relative;overflow:hidden}#hero-bg-glow{pointer-events:none;background:radial-gradient(#0b74ff14 0%,#0000 70%);width:800px;height:600px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}#hero-inner{z-index:1;align-items:center;gap:40px;width:100%;max-width:1100px;display:flex;position:relative}@media (width<=900px){#hero-inner{text-align:center;flex-direction:column-reverse;gap:32px}}#hero-text{flex-direction:column;flex:1;gap:16px;display:flex}#hero-badge{border-radius:var(--radius-xl);color:var(--primary);white-space:nowrap;background:#0b74ff1a;border:1px solid #0b74ff40;align-items:center;gap:8px;width:fit-content;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}@media (width<=900px){#hero-badge{margin:0 auto}}#hero-badge .badge-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:6px;height:6px}#hero-name{letter-spacing:-1.5px;color:var(--foreground);font-size:48px;font-weight:700;line-height:1.1}#hero-name span{color:var(--primary)}#hero-title{color:var(--secondary-foreground);letter-spacing:-.2px;font-size:18px;font-weight:500}#hero-bio{color:var(--muted-foreground);max-width:480px;font-size:15px;line-height:1.6}@media (width<=900px){#hero-bio{margin:0 auto}}#hero-actions{align-items:center;gap:12px;margin-top:8px;display:flex}@media (width<=900px){#hero-actions{justify-content:center}}#hero-stats{border-top:1px solid var(--border);gap:24px;padding-top:16px;display:flex}@media (width<=900px){#hero-stats{justify-content:center}}.hero-stat-value{color:var(--foreground);letter-spacing:-.5px;font-size:24px;font-weight:700}.hero-stat-label{color:var(--muted-foreground);margin-top:2px;font-size:13px}#hero-image-wrap{flex-shrink:0;position:relative}#portrait-frame{border-radius:var(--radius-lg);border:1px solid var(--border);width:320px;height:400px;position:relative;overflow:hidden}#portrait-frame img{object-fit:cover;width:100%;height:100%;display:block}#portrait-accent{border-radius:var(--radius-lg);pointer-events:none;z-index:-1;border:1px solid #0b74ff33;width:100%;height:100%;position:absolute;top:-16px;right:-16px}#portrait-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:12px;min-width:180px;padding:14px 18px;display:flex;position:absolute;bottom:-20px;left:-28px}.pcard-icon{border-radius:var(--radius-md);background:#0b74ff1f;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.pcard-label{color:var(--muted-foreground);font-size:11px}.pcard-value{color:var(--foreground);font-size:14px;font-weight:600}#specialties{background:var(--muted);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:30px 2rem}#specialties-inner{align-items:center;gap:24px;max-width:1100px;margin:0 auto;display:flex}@media (width<=900px){#specialties-inner{flex-direction:column;gap:16px}#specialties-divider{display:none}}#specialties-label{color:var(--muted-foreground);white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:500}#specialties-divider{background:var(--border);flex-shrink:0;width:1px;height:30px}#specialties-list{flex-wrap:wrap;gap:10px;display:flex}@media (width<=900px){#specialties-list{justify-content:center}}.specialty-chip{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);color:var(--secondary-foreground);white-space:nowrap;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.specialty-chip .chip-icon{width:16px;height:16px;color:var(--primary);justify-content:center;align-items:center;display:flex}#about{max-width:1244px;margin:0 auto;padding:50px 2rem}.section-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--primary);margin-bottom:8px;font-size:12px;font-weight:600}.section-title{letter-spacing:-.8px;color:var(--foreground);margin-bottom:12px;font-size:32px;font-weight:700;line-height:1.2}.section-sub{color:var(--muted-foreground);max-width:520px;margin-bottom:32px;font-size:15px;line-height:1.6}#about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}@media (width<=900px){#about-grid{grid-template-columns:1fr}}#timeline{flex-direction:column;gap:0;display:flex}.timeline-item{gap:20px;display:flex;position:relative}.timeline-left{flex-direction:column;flex-shrink:0;align-items:center;width:16px;display:flex}.timeline-dot{background:var(--background);border:2px solid var(--primary);border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:4px}.timeline-dot.muted{border-color:var(--border)}.timeline-line{background:var(--border);flex:1;width:1px;min-height:40px;margin-top:4px}.timeline-content{flex:1;padding-bottom:40px}.timeline-year{color:var(--primary);letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:600}.timeline-year.muted{color:var(--muted-foreground)}.timeline-role{color:var(--foreground);margin-bottom:2px;font-size:15px;font-weight:600}.timeline-company{color:var(--secondary-foreground);margin-bottom:8px;font-size:13px}.timeline-desc{color:var(--muted-foreground);font-size:13px;line-height:1.65}#company-cards{flex-direction:column;gap:16px;display:flex}.company-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:flex-start;gap:20px;padding:24px;display:flex}.company-logo{border-radius:var(--radius-md);background:var(--secondary);border:1px solid var(--border);width:48px;height:48px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.company-name{color:var(--foreground);margin-bottom:3px;font-size:15px;font-weight:600}.company-role{color:var(--secondary-foreground);margin-bottom:8px;font-size:13px}.company-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{color:var(--muted-foreground);background:var(--muted);border-radius:var(--radius-sm);white-space:nowrap;padding:3px 10px;font-size:11px;font-weight:500}.sales-wrapper{background-color:var(--background);color:var(--foreground);font-family:var(--font-family-body,"Inter", sans-serif);--background:#f8fafc;--foreground:#0f172a;--border:#e2e8f0;--input:#fff;--primary:#1d4ed8;--primary-foreground:#fff;--secondary:#f1f5f9;--secondary-foreground:#475569;--muted:#f8fafc;--muted-foreground:#64748b;--success:#10b981;--success-foreground:#047857;--accent:#3b82f6;--accent-foreground:#fff;--destructive:#ef4444;--destructive-foreground:#b91c1c;--warning:#f59e0b;--warning-foreground:#b45309;--card:#fff;--card-foreground:#0f172a;--sidebar:#fff;--sidebar-foreground:#475569;--sidebar-primary:#1d4ed81a;--sidebar-primary-foreground:#1d4ed8;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;flex-direction:column;font-size:14px;font-weight:400;line-height:1.6;display:flex}.sales-wrapper #page{flex:1;min-height:0;display:flex}.sales-wrapper #main-content{flex-direction:column;flex:1;gap:24px;padding:24px 32px 40px;display:flex;overflow-y:auto}.sales-wrapper #page-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.sales-wrapper #page-title{color:var(--foreground);letter-spacing:-.5px;margin-bottom:4px;font-size:22px;font-weight:700}.sales-wrapper #page-sub{color:var(--muted-foreground);font-size:13px}.sales-wrapper .section-heading{letter-spacing:1px;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:16px;font-size:13px;font-weight:600}.sales-wrapper #hero-board{flex-wrap:wrap;gap:16px;width:100%;display:flex}.sales-wrapper .metric-panel{border-radius:var(--radius-lg);border:1px solid;flex-direction:column;flex:1;gap:10px;min-width:220px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.sales-wrapper .metric-panel:before{content:"";opacity:.15;border-radius:50%;width:100px;height:100px;position:absolute;top:-40px;right:-40px}.sales-wrapper .metric-panel.default{background:var(--card);border-color:var(--border)}.sales-wrapper .metric-panel.default:before{background:var(--primary)}.sales-wrapper .metric-panel.success{background:#f0fdf4;border-color:#bbf7d0}.sales-wrapper .metric-panel.success:before{background:var(--success)}.sales-wrapper .metric-panel.warning{background:#fffbeb;border-color:#fef08a}.sales-wrapper .metric-panel.warning:before{background:var(--warning)}.sales-wrapper .metric-panel.destructive{background:#fef2f2;border-color:#fecaca}.sales-wrapper .metric-panel.destructive:before{background:var(--destructive)}.sales-wrapper .metric-panel-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sales-wrapper .metric-panel.default .metric-panel-icon{background:#1d4ed81a}.sales-wrapper .metric-panel.success .metric-panel-icon{background:#10b9811a}.sales-wrapper .metric-panel.warning .metric-panel-icon{background:#f59e0b1a}.sales-wrapper .metric-panel.destructive .metric-panel-icon{background:#ef44441a}.sales-wrapper .metric-label{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.sales-wrapper .metric-value{letter-spacing:-1px;font-size:28px;font-weight:700;line-height:1.1}.sales-wrapper .metric-panel.default .metric-value{color:var(--foreground)}.sales-wrapper .metric-panel.success .metric-value{color:var(--success-foreground)}.sales-wrapper .metric-panel.warning .metric-value{color:var(--warning-foreground)}.sales-wrapper .metric-panel.destructive .metric-value{color:var(--destructive-foreground)}.sales-wrapper .metric-sub{margin-top:-4px;font-size:12px;font-weight:500}.sales-wrapper .metric-panel.default .metric-sub{color:var(--muted-foreground)}.sales-wrapper .metric-panel.success .metric-sub{color:var(--success-foreground);opacity:.8}.sales-wrapper .metric-panel.warning .metric-sub{color:var(--warning-foreground);opacity:.8}.sales-wrapper .metric-panel.destructive .metric-sub{color:var(--destructive-foreground);opacity:.8}.sales-wrapper .metric-badge{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:5px;width:fit-content;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.sales-wrapper .metric-panel.destructive .metric-badge{color:var(--destructive-foreground);background:#ef444426}.sales-wrapper .metric-panel.success .metric-badge{color:var(--success-foreground);background:#10b98126}.sales-wrapper .metric-panel.warning .metric-badge{color:var(--warning-foreground);background:#f59e0b26}.sales-wrapper #client-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.sales-wrapper .client-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px 16px 16px;transition:all .2s;display:flex}.sales-wrapper .client-card:hover{border-color:var(--primary);transform:translateY(-2px)}.sales-wrapper .client-avatar{border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:52px;height:52px;overflow:hidden}.sales-wrapper .client-avatar img{object-fit:cover;width:100%;height:100%;display:block}.sales-wrapper .client-name{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:13px;font-weight:600;overflow:hidden}.sales-wrapper .client-location{color:var(--muted-foreground);white-space:nowrap;justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex}.sales-wrapper .client-divider{background:var(--border);width:100%;height:1px}.sales-wrapper .client-metrics{gap:8px;width:100%;display:flex}.sales-wrapper .client-metric{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.sales-wrapper .client-metric-value{color:var(--foreground);white-space:nowrap;font-size:13px;font-weight:700}.sales-wrapper .client-metric-label{color:var(--muted-foreground);white-space:nowrap;font-size:10px}.sales-wrapper .client-metric-divider{background:var(--border);align-self:stretch;width:1px}.sales-wrapper #tx-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sales-wrapper .tx-filter-btn{color:var(--muted-foreground);background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.sales-wrapper .tx-filter-btn:hover{background:#1d4ed80d}.sales-wrapper .tx-filter-btn.active{color:var(--primary);background:#1d4ed814;border-color:#1d4ed84d}.sales-wrapper #tx-table{border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;overflow:hidden}.sales-wrapper #tx-table thead tr{background:var(--secondary);border-bottom:1px solid var(--border)}.sales-wrapper #tx-table th{text-align:left;letter-spacing:.8px;text-transform:uppercase;color:var(--muted-foreground);white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:600}.sales-wrapper #tx-table tbody tr{border-bottom:1px solid var(--border);background:var(--card)}.sales-wrapper #tx-table tbody tr:last-child{border-bottom:none}.sales-wrapper #tx-table td{vertical-align:middle;padding:14px 16px}.sales-wrapper .tx-date{color:var(--foreground);white-space:nowrap;font-size:13px;font-weight:600}.sales-wrapper .tx-time{color:var(--muted-foreground);white-space:nowrap;font-size:11px}.sales-wrapper .tx-client-cell{align-items:center;gap:10px;display:flex}.sales-wrapper .tx-mini-avatar{border-radius:50%;flex-shrink:0;width:28px;height:28px;overflow:hidden}.sales-wrapper .tx-mini-avatar img{object-fit:cover;width:100%;height:100%;display:block}.sales-wrapper .tx-client-name{color:var(--foreground);white-space:nowrap;font-size:13px;font-weight:500}.sales-wrapper .tx-client-loc{color:var(--muted-foreground);font-size:11px}.sales-wrapper .tx-amount{color:var(--foreground);white-space:nowrap;font-size:13px;font-weight:600}.sales-wrapper .tx-paid{white-space:nowrap;font-size:11px;font-weight:500}.sales-wrapper .tx-paid.green{color:var(--success-foreground)}.sales-wrapper .tx-paid.red{color:var(--destructive-foreground)}.sales-wrapper .tx-paid.yellow{color:var(--warning-foreground)}.sales-wrapper .status-badge{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.sales-wrapper .status-badge.settled{color:var(--success-foreground);background:#10b9811f}.sales-wrapper .status-badge.due{color:var(--destructive-foreground);background:#ef44441f}.sales-wrapper .status-badge.overpaid{color:var(--warning-foreground);background:#f59e0b1f}.sales-wrapper .status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.sales-wrapper .settled .status-dot{background:var(--success-foreground)}.sales-wrapper .due .status-dot{background:var(--destructive-foreground)}.sales-wrapper .overpaid .status-dot{background:var(--warning-foreground)}.sales-wrapper .proof-btn{color:var(--secondary-foreground);background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:500;text-decoration:none;display:inline-flex}.sales-wrapper .proof-btn.has-proof{color:var(--primary);background:#1d4ed814;border-color:#1d4ed833}.sales-wrapper .tx-ref{color:var(--muted-foreground);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;font-weight:500}.sales-wrapper #topnav{border-bottom:1px solid var(--border);background:var(--sidebar);flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 40px;display:flex}.sales-wrapper #nav-logo{color:var(--foreground);letter-spacing:-.3px;white-space:nowrap;align-items:center;gap:8px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.sales-wrapper #nav-logo .logo-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.sales-wrapper #nav-links{align-items:center;gap:4px;display:flex}.sales-wrapper .nav-link{color:var(--secondary-foreground);border-radius:var(--radius-md);white-space:nowrap;cursor:pointer;padding:7px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.sales-wrapper .nav-link.active{color:var(--sidebar-primary-foreground);background:var(--sidebar-primary)}.sales-wrapper .nav-link:hover:not(.active){color:var(--foreground);background:#ffffff0d}.sales-wrapper #nav-right{align-items:center;gap:12px;display:flex}.sales-wrapper #nav-avatar{border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:32px;height:32px;overflow:hidden}.sales-wrapper #nav-avatar img{object-fit:cover;width:100%;height:100%;display:block}.sales-wrapper .nav-badge{border-radius:var(--radius-sm);color:var(--primary);white-space:nowrap;background:#1d4ed826;padding:3px 8px;font-size:11px;font-weight:600}.sales-wrapper .nav-badge.public{color:var(--success-foreground);background:#10b98126}.sales-wrapper .admin-login-btn{color:var(--foreground);background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.sales-wrapper .admin-login-btn:hover{background:#ffffff0d}.sales-wrapper #action-center{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:20px;padding:24px;display:flex;position:relative;overflow:hidden}.sales-wrapper #action-center:before{content:"";background:linear-gradient(90deg, var(--primary) 0%, #1d4ed833 100%);height:2px;position:absolute;top:0;left:0;right:0}.sales-wrapper #action-center-header{justify-content:space-between;align-items:center;display:flex}.sales-wrapper #action-center-title-group{align-items:center;gap:10px;display:flex}.sales-wrapper #action-center-icon{border-radius:var(--radius-md);background:#1d4ed81f;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sales-wrapper #action-center-title{color:var(--foreground);letter-spacing:-.3px;font-size:15px;font-weight:700}.sales-wrapper #action-center-subtitle{color:var(--muted-foreground);font-size:12px}.sales-wrapper #action-center-auth-badge{color:var(--primary);border-radius:var(--radius-sm);white-space:nowrap;background:#1d4ed814;border:1px solid #1d4ed833;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.sales-wrapper #action-buttons-row{align-items:stretch;gap:16px;display:flex}.sales-wrapper .action-trigger{border-radius:var(--radius-lg);border:1px solid var(--border);flex:1;overflow:hidden}.sales-wrapper .action-trigger-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.sales-wrapper .action-trigger-title-wrap{align-items:center;gap:10px;display:flex}.sales-wrapper .action-trigger-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sales-wrapper .action-trigger.buyer .action-trigger-icon{background:#10b9811a}.sales-wrapper .action-trigger.sale .action-trigger-icon{background:#1d4ed81a}.sales-wrapper .action-trigger-name{color:var(--foreground);white-space:nowrap;font-size:14px;font-weight:600}.sales-wrapper .action-trigger-desc{color:var(--muted-foreground);white-space:nowrap;font-size:11px}.sales-wrapper .action-trigger-btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;display:flex}.sales-wrapper .action-trigger.buyer .action-trigger-btn{color:var(--success-foreground);background:#10b9811f;border:1px solid #10b98133}.sales-wrapper .action-trigger.sale .action-trigger-btn{color:var(--primary);background:#1d4ed81f;border:1px solid #1d4ed833}.sales-wrapper .action-form{background:var(--muted);padding:20px}.sales-wrapper .form-grid-2{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.sales-wrapper .form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.sales-wrapper .form-row{grid-template-columns:1fr;gap:12px;margin-bottom:12px;display:grid}.sales-wrapper .form-field{flex-direction:column;gap:6px;display:flex}.sales-wrapper .form-label{color:var(--muted-foreground);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:600}.sales-wrapper .form-input{background:var(--input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);align-items:center;gap:8px;min-height:38px;padding:9px 12px;font-size:13px;display:flex}.sales-wrapper .form-input:focus,.sales-wrapper .form-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px #1d4ed833}.sales-wrapper .form-input input,.sales-wrapper .form-input select{color:var(--foreground);background:0 0;border:none;outline:none;width:100%;font-size:13px}.sales-wrapper .form-input-placeholder{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sales-wrapper .form-input-text{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sales-wrapper .form-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:4px;display:flex}.sales-wrapper .btn-cancel{color:var(--muted-foreground);background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;padding:8px 16px;font-size:13px;font-weight:500}.sales-wrapper .btn-submit-buyer{color:var(--primary-foreground);background:var(--success-foreground);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;display:flex}.sales-wrapper .btn-submit-sale{color:var(--primary-foreground);background:var(--primary);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;display:flex}.sales-wrapper .form-section-label{color:var(--muted-foreground);letter-spacing:.8px;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.sales-wrapper .form-divider{background:var(--border);height:1px;margin:16px 0}.sales-wrapper .form-input-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.sales-wrapper .select-chip{border-radius:var(--radius-sm);align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.sales-wrapper .select-chip.settled{color:var(--success-foreground);background:#10b9811f}.sales-wrapper .select-chip.due{color:var(--destructive-foreground);background:#ef44441f}.sales-wrapper .select-chip-dot{border-radius:50%;width:5px;height:5px}.sales-wrapper .select-chip.settled .select-chip-dot{background:var(--success-foreground)}.sales-wrapper .select-chip.due .select-chip-dot{background:var(--destructive-foreground)}.sales-wrapper .glass-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}