@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#14120f;--bg-surface:#1e1b17;--bg-raised:#2b2823;--bg-overlay:#3d3831;--bg-hover:#3d3831;--bg-active:#554f45;--accent:#e1a730;--accent-hover:#ebbe63;--accent-muted:#e1a7301f;--accent-text:#14120f;--text-primary:#f5f2ec;--text-secondary:#ada697;--text-muted:#6e675b;--status-new:#4e9fff;--status-contacted:#bf861d;--status-converted:#3dd68c;--status-closed:#6e675b;--status-error:#f45b69;--border:#2b2823;--border-hover:#554f45;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--space-10:64px;--space-12:80px;--sidebar-w:260px;--ease:cubic-bezier(.22, 1, .36, 1);--t-fast:.16s;--t-normal:.32s;--font-display:"Fraunces", Georgia, serif;--font-body:"Archivo", sans-serif;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-base);font-size:14px;line-height:1.5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:var(--accent);text-decoration:none}.h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.75rem;font-weight:400;line-height:1.2}.h2{font-family:var(--font-display);letter-spacing:-.015em;font-size:1.35rem;font-weight:500;line-height:1.3}.h3{font-family:var(--font-display);font-size:1.1rem;font-weight:500;line-height:1.4}.label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:.75rem;font-weight:600}.small{color:var(--text-secondary);font-size:.8125rem}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border);z-index:50;transition:transform var(--t-normal) var(--ease);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar__brand{padding:var(--space-6);border-bottom:1px solid var(--border);align-items:center;gap:var(--space-3);display:flex}.sidebar__brand-icon{border-radius:var(--radius-md);background:var(--accent-muted);width:36px;height:36px;color:var(--accent);place-items:center;display:grid}.sidebar__brand-name{color:var(--text-primary);font-size:.9375rem;font-weight:600}.sidebar__brand-sub{color:var(--text-muted);font-size:.6875rem}.sidebar__nav{padding:var(--space-4);flex:1;overflow-y:auto}.sidebar__section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:var(--space-4) var(--space-3) var(--space-2);font-size:.6875rem;font-weight:600}.sidebar__link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--t-fast) var(--ease);cursor:pointer;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.sidebar__link:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar__link--active{background:var(--accent-muted);color:var(--accent)}.sidebar__link svg{flex-shrink:0;width:18px;height:18px}.sidebar__footer{padding:var(--space-4);border-top:1px solid var(--border)}.sidebar__user{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);display:flex}.sidebar__avatar{border-radius:var(--radius-full);background:var(--accent-muted);width:32px;height:32px;color:var(--accent);place-items:center;font-size:.8125rem;font-weight:600;display:grid}.sidebar__user-name{color:var(--text-primary);font-size:.8125rem;font-weight:500}.sidebar__user-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.6875rem;overflow:hidden}.main-content{margin-left:var(--sidebar-w);flex:1;min-height:100vh}.page-header{padding:var(--space-5) var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e1b17d9;border-bottom:1px solid #f5f2ec14;display:flex;position:sticky;top:0}.page-body{padding:var(--space-8)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-hover)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--t-normal) var(--ease)}.card:hover{border-color:var(--border-hover)}.stat-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-2);transition:all var(--t-normal) var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:2px;transition:transform var(--t-normal) var(--ease);position:absolute;bottom:0;left:0;transform:scaleX(0)}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-4px)}.stat-card:hover:after{transform:scaleX(1)}.stat-card__icon{border-radius:var(--radius-md);place-items:center;width:36px;height:36px;display:grid}.stat-card__value{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);margin-top:var(--space-1);font-size:1.85rem;font-weight:400}.stat-card__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.75rem;font-weight:500}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);font-size:.75rem;font-weight:600}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle;font-size:.875rem}.data-table tbody tr{transition:background var(--t-fast) var(--ease);cursor:pointer}.data-table tbody tr:hover{background:var(--bg-hover)}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);text-transform:capitalize;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge--new{color:var(--status-new);background:#4e9fff1f}.badge--contacted{color:var(--status-contacted);background:#e8a8381f}.badge--converted{color:var(--status-converted);background:#3dd68c1f}.badge--closed{color:var(--status-closed);background:#6b72801f}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--t-fast) var(--ease);white-space:nowrap;border:none;font-size:.875rem;font-weight:500;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--accent-text)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border)}.btn--secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn--danger{color:var(--status-error);background:#f45b691f}.btn--danger:hover:not(:disabled){background:#f45b6933}.btn--sm{padding:var(--space-1) var(--space-3);font-size:.8125rem}.btn--icon{padding:var(--space-2);width:36px;height:36px}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);transition:border-color var(--t-fast) var(--ease);outline:none;font-family:inherit;font-size:.875rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:80px}.form-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.toolbar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.search-input{min-width:200px;max-width:360px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);transition:border-color var(--t-fast) var(--ease);outline:none;flex:1;font-size:.875rem}.search-input:focus{border-color:var(--accent)}.search-wrapper{flex:1;min-width:200px;max-width:360px;position:relative}.search-wrapper svg{left:var(--space-3);color:var(--text-muted);pointer-events:none;width:16px;height:16px;position:absolute;top:50%;transform:translateY(-50%)}.pagination{padding-top:var(--space-4);border-top:1px solid var(--border);margin-top:var(--space-4);justify-content:space-between;align-items:center;display:flex}.pagination__info{color:var(--text-secondary);font-size:.8125rem}.pagination__buttons{gap:var(--space-2);display:flex}.empty-state{text-align:center;padding:var(--space-12) var(--space-8);color:var(--text-muted)}.empty-state svg{width:48px;height:48px;margin:0 auto var(--space-4);opacity:.4}.login-page{background:var(--bg-base);place-items:center;min-height:100vh;display:grid}.login-card{width:100%;max-width:400px;padding:var(--space-10);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.login-card__brand{text-align:center;margin-bottom:var(--space-8)}.login-card__brand h1{margin-top:var(--space-3);font-size:1.25rem;font-weight:600}.login-card__brand p{color:var(--text-muted);margin-top:var(--space-1);font-size:.8125rem}.login-card form{gap:var(--space-5);flex-direction:column;display:flex}.login-card .error-msg{border-radius:var(--radius-sm);padding:var(--space-3);color:var(--status-error);text-align:center;background:#f45b691a;border:1px solid #f45b6933;font-size:.8125rem}.detail-grid{gap:var(--space-6);grid-template-columns:2fr 1fr;align-items:start;display:grid}.detail-field{margin-bottom:var(--space-5)}.detail-field__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-1);font-size:.6875rem;font-weight:600}.detail-field__value{color:var(--text-primary);font-size:.9375rem}.pipeline{border-radius:var(--radius-sm);gap:2px;display:flex;overflow:hidden}.pipeline__step{padding:var(--space-2) var(--space-3);text-align:center;text-transform:capitalize;cursor:pointer;background:var(--bg-raised);color:var(--text-muted);transition:all var(--t-fast) var(--ease);border:none;flex:1;font-size:.75rem;font-weight:600}.pipeline__step:hover{background:var(--bg-hover);color:var(--text-secondary)}.pipeline__step[data-active=true]{color:#fff}.pipeline__step[data-status=new][data-active=true]{background:var(--status-new)}.pipeline__step[data-status=contacted][data-active=true]{background:var(--status-contacted)}.pipeline__step[data-status=converted][data-active=true]{background:var(--status-converted)}.pipeline__step[data-status=closed][data-active=true]{background:var(--status-closed)}.chart-container{height:260px}.toggle{border-radius:var(--radius-full);background:var(--bg-raised);border:1px solid var(--border);cursor:pointer;width:40px;height:22px;transition:background var(--t-fast) var(--ease);position:relative}.toggle[data-on=true]{background:var(--accent);border-color:var(--accent)}.toggle:after{content:"";border-radius:var(--radius-full);width:16px;height:16px;transition:transform var(--t-fast) var(--ease);background:#fff;position:absolute;top:2px;left:2px}.toggle[data-on=true]:after{transform:translate(18px)}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-8);text-align:center;cursor:pointer;transition:all var(--t-fast) var(--ease);color:var(--text-muted)}.upload-zone:hover{border-color:var(--accent);background:var(--accent-muted);color:var(--accent)}.gallery-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.gallery-grid__item{aspect-ratio:4/3;border-radius:var(--radius-sm);border:1px solid var(--border);position:relative;overflow:hidden}.gallery-grid__item img{object-fit:cover;width:100%;height:100%}.gallery-grid__item .remove-btn{top:var(--space-1);right:var(--space-1);border-radius:var(--radius-full);color:#fff;cursor:pointer;opacity:0;width:24px;height:24px;transition:opacity var(--t-fast) var(--ease);background:#000000b3;border:none;place-items:center;display:grid;position:absolute}.gallery-grid__item:hover .remove-btn{opacity:1}.overview-row{margin-bottom:var(--space-10);border:1px solid var(--border);background:var(--bg-surface);grid-template-columns:repeat(3,1fr);display:grid}.overview-number{gap:var(--space-2);padding:var(--space-8);border-right:1px solid var(--border);transition:background var(--t-normal) var(--ease);flex-direction:column;display:flex}.overview-number:last-child{border-right:none}.overview-number:hover{background:var(--bg-hover)}.overview-number__value{font-family:var(--font-display);color:var(--accent);font-size:3.5rem;font-weight:300;line-height:1}.overview-number__label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-size:.8125rem;font-weight:500}.dash-section__head{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.recent-list{flex-direction:column;list-style:none;display:flex}.recent-list__item{padding:var(--space-3) 0;border-bottom:1px solid var(--border);cursor:pointer;transition:padding-left var(--t-fast) var(--ease);justify-content:space-between;align-items:center;display:flex}.recent-list__item:hover{padding-left:var(--space-2)}.recent-list__primary{flex-direction:column;gap:2px;display:flex}.recent-list__name{color:var(--text-primary);font-weight:500}.recent-list__meta{color:var(--text-secondary);font-size:.8125rem}.recent-list__secondary{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.recent-list__source{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem}.recent-list__date{color:var(--text-secondary);font-size:.8125rem}.enquiry-list{gap:var(--space-1);flex-direction:column;display:flex}.enquiry-row{padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;transition:all var(--t-fast) var(--ease);justify-content:space-between;align-items:flex-start;display:flex}.enquiry-row:hover{border-color:var(--border-hover);background:var(--bg-hover)}.enquiry-row__left{gap:var(--space-1);flex-direction:column;max-width:60%;display:flex}.enquiry-row__name{color:var(--text-primary);font-size:1rem;font-weight:600}.enquiry-row__contact{color:var(--text-secondary);font-size:.8125rem}.enquiry-row__message{margin-top:var(--space-2);color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;display:-webkit-box;overflow:hidden}.enquiry-row__right{align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}.enquiry-row__type{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);background:var(--accent-muted);padding:2px 8px;font-size:.6875rem;font-weight:600}.enquiry-row__date{text-align:right;color:var(--text-secondary);font-size:.8125rem}.enquiry-row__time{color:var(--text-muted);font-size:.75rem}.detail-block{gap:var(--space-3);padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border);margin-bottom:var(--space-6);flex-direction:column;display:flex}.detail-block__row{align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:.9375rem;display:flex}.detail-block__row svg{color:var(--text-muted)}.detail-section{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}@media (width<=768px){:root{--sidebar-w:0px}.sidebar{transform:translate(-100%)}.sidebar[data-open=true]{width:260px;transform:translate(0)}.main-content{margin-left:0}.detail-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.overview-row{grid-template-columns:1fr}.overview-number{border-right:none;border-bottom:1px solid var(--border);padding:var(--space-6)}.overview-number:last-child{border-bottom:none}.overview-number__value{font-size:2.75rem}.page-body,.page-header{padding:var(--space-4)}}