:root{--text:#a1a1aa;--text-h:#fff;--bg:#000;--border:#27272a;--code-bg:#18181b;--accent:#aa3bff;--accent-bg:#aa3bff26;--accent-border:#aa3bff66;--social-bg:#18181bcc;--shadow:0 10px 15px -3px #00000080, 0 4px 6px -2px #00000080;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:light){:root{--text:#a1a1aa;--text-h:#fff;--bg:#000;--border:#27272a;--code-bg:#18181b}}body{background-color:var(--bg);margin:0}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;max-width:1126px;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app-container{color:#fff;background:#000;flex-direction:column;min-height:100vh;display:flex;position:relative}@media (width>=769px){.app-container{flex-direction:row}}.content-area{flex:1;width:100%;max-width:800px;margin:0 auto;padding-bottom:7rem}@media (width>=769px){.content-area{width:calc(100% - 280px);max-width:1200px;margin-left:280px;padding-bottom:2rem}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true],.selectable{-webkit-user-select:text;user-select:text}html,body{scrollbar-width:none;-ms-overflow-style:none;width:100%;max-width:100vw;overflow-x:hidden}::-webkit-scrollbar{display:none}html,body{width:100%;max-width:100vw;overflow-x:hidden}.page{max-width:100%;padding:2.5rem 1.5rem;animation:.5s cubic-bezier(.2,.8,.2,1) fadeIn;overflow-x:hidden}@media (width<=480px){.page{padding:2rem 1rem}.featured-card{padding:1.5rem!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-header{text-align:left;margin-bottom:2.5rem}.page-header h1{background:linear-gradient(135deg,#fff 0%,#aa3bff 100%);-webkit-text-fill-color:transparent;letter-spacing:-.05em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:3rem;font-weight:800}.subtitle{color:#a1a1aa;margin-top:.5rem;font-size:1.2rem;font-weight:400}.primary-btn{color:#fff;cursor:pointer;background:#aa3bff;border:none;border-radius:14px;padding:1rem 2rem;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #aa3bff4d}.primary-btn:hover{filter:brightness(1.2);transform:translateY(-3px);box-shadow:0 8px 30px #aa3bff80}.secondary-btn{color:#aa3bff;cursor:pointer;background:#aa3bff1a;border:1px solid #aa3bff4d;border-radius:14px;padding:1rem 2rem;font-weight:700;transition:all .3s}.secondary-btn:hover{background:#aa3bff33}.featured-card{text-align:left;background:linear-gradient(135deg,#18181b 0%,#09090b 100%);border:1px solid #27272a;border-radius:28px;margin-bottom:2.5rem;padding:2.5rem;position:relative;overflow:hidden}.featured-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#aa3bff0d 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.quick-actions{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.action-card{text-align:left;background:#09090b;border:1px solid #27272a;border-radius:22px;padding:2rem;transition:border-color .3s}.action-card:hover{border-color:#aa3bff}.search-bar input{color:#fff;background:#09090b;border:1px solid #27272a;border-radius:16px;width:100%;margin-bottom:2.5rem;padding:1.2rem 1.8rem;font-size:1.1rem;transition:all .3s}.search-bar input:focus{border-color:#aa3bff;outline:none;box-shadow:0 0 0 2px #aa3bff33}.design-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.design-item{aspect-ratio:1;color:#71717a;background:#09090b;border:1px solid #27272a;border-radius:20px;justify-content:center;align-items:center;font-weight:600;transition:all .3s;display:flex}.design-item:hover{color:#fff;border-color:#aa3bff;transform:scale(1.02)}.avatar-placeholder{background:linear-gradient(135deg,#aa3bff 0%,#6366f1 100%);border-radius:40px;width:120px;height:120px;margin-bottom:1.5rem;box-shadow:0 10px 40px #aa3bff66}.profile-menu{text-align:left;margin:2.5rem 0;padding:0;list-style:none}.profile-menu li{color:#e4e4e7;cursor:pointer;border-bottom:1px solid #18181b;padding:1.5rem;font-weight:600;transition:background .2s}.profile-menu li:hover{color:#fff;background:#09090b}.login-page{background:#000;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-container{text-align:center;width:100%;max-width:400px;animation:.8s cubic-bezier(.2,.8,.2,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:3rem;position:relative}.logo-glow{z-index:-1;background:radial-gradient(circle,#aa3bff33 0%,#0000 70%);width:150px;height:150px;animation:4s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.2)}}.login-header h1{letter-spacing:-.05em;background:linear-gradient(135deg,#fff 0%,#aa3bff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:3.5rem}.login-header p{color:#71717a;text-transform:uppercase;letter-spacing:.3em;margin-top:.5rem;font-size:1.1rem;font-weight:600}.login-card{background:#09090b;border:1px solid #27272a;border-radius:32px;padding:2.5rem;box-shadow:0 20px 50px #00000080}.login-card h2{margin-bottom:.5rem;font-size:2rem}.login-card p{color:#a1a1aa;margin-bottom:2rem}.google-signin-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:100%;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.google-signin-btn:hover{background:#f4f4f5;transform:translateY(-2px);box-shadow:0 5px 20px #fff3}.google-icon{width:20px;height:20px}.login-footer{margin-top:2.5rem}.login-footer p{color:#3f3f46;font-size:.85rem}@media (width<=768px){.page-header h1{font-size:2.2rem}.quick-actions{grid-template-columns:1fr}}.inventory-stats{gap:1rem;margin-bottom:2rem;display:flex}.stat-pill{color:#aa3bff;background:#aa3bff1a;border:1px solid #aa3bff33;border-radius:50px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600}.stat-pill.low{color:#ef4444;background:#ef44441a;border-color:#ef444433}.inventory-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.inventory-card{text-align:left;background:#09090b;border:1px solid #27272a;border-radius:24px;padding:1.8rem;transition:all .3s;position:relative;overflow:hidden}.inventory-card:hover{border-color:#aa3bff;transform:translateY(-5px)}.inventory-card .card-accent{opacity:.5;background:#aa3bff;width:4px;height:100%;position:absolute;top:0;left:0}.inventory-card h3{margin:0 0 1rem;font-size:1.3rem}.card-info{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.card-info .count{color:#a1a1aa;font-size:.9rem}.card-info .status{text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.status.healthy{color:#10b981}.status.low{color:#ef4444}.status.new{color:#aa3bff}.small-action-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #3f3f46;border-radius:10px;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s}.small-action-btn:hover{background:#18181b;border-color:#71717a}.full-width{width:100%}.calendar-grid{background:#09090b;border:1px solid #27272a;border-radius:24px;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:2rem;padding:1.5rem;display:grid}.calendar-day-label{color:#71717a;text-transform:uppercase;font-size:.7rem;font-weight:700}.calendar-date{aspect-ratio:1;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:relative}.calendar-date.active{color:#fff;background:#aa3bff;font-weight:700}.date-indicator{background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.event-card{background:#09090b;border:1px solid #27272a;border-radius:16px;align-items:center;gap:1rem;margin-top:1rem;padding:1.2rem;display:flex}.event-card .time{color:#aa3bff;font-weight:700}.event-card .client{text-align:left;flex:1;font-weight:600}.event-card .type{color:#71717a;font-size:.8rem}.ledge-metrics{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.5rem;display:grid}.metric-card{text-align:left;background:#09090b;border:1px solid #27272a;border-radius:20px;padding:1.5rem}.metric-card .label{color:#71717a;font-size:.8rem;display:block}.metric-card .value{margin:.4rem 0;font-size:1.4rem;font-weight:800;display:block}.metric-card .trend{color:#10b981;font-size:.7rem;font-weight:700}.ledge-chart-placeholder{background:#aa3bff0d;border-radius:24px;align-items:flex-end;gap:.8rem;height:150px;margin-bottom:2rem;padding:1rem;display:flex}.chart-bar{opacity:.6;background:linear-gradient(#6366f1,#aa3bff);border-radius:6px 6px 0 0;flex:1}.contacts-list{flex-direction:column;gap:0;margin-bottom:2rem;display:flex}.contact-item{background:#09090b;border:1px solid #27272a;border-radius:20px;align-items:center;gap:1.2rem;padding:1.2rem;display:flex}.contact-avatar{color:#aa3bff;background:#18181b;border-radius:15px;justify-content:center;align-items:center;width:50px;height:50px;font-weight:800;display:flex}.contact-info{text-align:left;flex:1}.contact-info h3{margin:0;font-size:1.1rem}.contact-info p{color:#71717a;margin:.2rem 0 0;font-size:.85rem}.icon-btn{color:#3f3f46;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.settings-list{background:#18181b;border-radius:24px;flex-direction:column;gap:1px;margin-bottom:3rem;display:flex;overflow:hidden}.settings-item{background:#09090b;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.settings-text{text-align:left}.settings-text h3{margin:0;font-size:1.1rem}.settings-text p{color:#71717a;margin:.3rem 0 0;font-size:.9rem}.toggle-switch{background:#27272a;border-radius:12px;width:44px;height:24px;position:relative}.toggle-switch:after{content:"";background:#aa3bff;border-radius:50%;width:20px;height:20px;position:absolute;top:2px;right:2px}.danger-zone{text-align:left;background:#ef44440d;border:1px solid #ef444433;border-radius:24px;padding:2rem}.danger-zone h3{color:#ef4444;margin-top:0}.outline-btn.danger{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:12px;padding:.8rem 1.5rem;font-weight:700}.fixed-bottom-action{z-index:10;width:100%;position:sticky;bottom:1.5rem}.contact-actions{align-items:center;gap:.8rem;display:flex}.action-icon{color:#a1a1aa;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.action-icon:hover{color:#fff;background:#aa3bff1a;border-color:#aa3bff;transform:translateY(-2px)}.action-icon.whatsapp:hover{color:#25d366;background:#25d3661a;border-color:#25d366}.action-icon.call:hover{color:#3b82f6;background:#3b82f61a;border-color:#3b82f6}.action-icon.text:hover{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b}.action-icon.delete:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.action-icon.edit:hover{color:#aa3bff;background:#aa3bff1a;border-color:#aa3bff}.contact-form-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:1.5rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.contact-form{width:100%;max-width:400px;margin-bottom:0!important}.contact-form h3{margin:0 0 1.5rem;font-size:1.5rem}.contact-form input{color:#fff;background:#09090b;border:1px solid #27272a;border-radius:12px;width:100%;margin-bottom:1rem;padding:1rem;font-size:1rem}.contact-form input:focus{border-color:#aa3bff;outline:none}.form-actions{gap:1rem;margin-top:1rem;display:flex}.form-actions button{flex:1}.loading-text{text-align:center;color:#aa3bff;letter-spacing:.2em;padding:2rem;font-weight:800;animation:2s ease-in-out infinite pulse}.offline-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f59e0b;letter-spacing:.1em;z-index:9999;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:50px;align-items:center;gap:.6rem;padding:.5rem .8rem;font-size:.65rem;font-weight:800;animation:.3s fadeIn;display:flex;position:fixed;top:1.5rem;right:1.5rem}.offline-dot{background:#f59e0b;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-orange;box-shadow:0 0 10px #f59e0b}@keyframes pulse-orange{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.4);box-shadow:0 0 20px #f59e0b}to{opacity:.8;transform:scale(1)}}.role-selector{background:#ffffff0d;border:1px solid #d4af3733;border-radius:12px;margin-bottom:1.5rem;padding:4px;display:flex}.role-tab{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:.9rem;font-weight:500;transition:all .2s}.role-tab.active{color:#000;background:#d4af37}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1001;background:#000c;border-bottom:1px solid #d4af371a;justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex;position:sticky;top:0}.app-header .logo{letter-spacing:.2em;color:#d4af37;font-family:inherit;font-size:.9rem;font-weight:800}.app-header .app-label{letter-spacing:.1em;opacity:.6;text-transform:uppercase;font-size:.7rem;font-weight:600}.operator .app-header{border-bottom-color:#d4af3733}.sanctuary .app-header{background:linear-gradient(90deg,#000000e6,#aa3bff0d);border-bottom-color:#aa3bff33}.sanctuary .app-header .logo{color:#aa3bff}.customer-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#0a0a0af2;border-top:1px solid #ffffff0d;justify-content:space-around;align-items:center;height:70px;display:flex;position:fixed;bottom:0;left:0;right:0}.customer-nav .nav-item{color:#666;letter-spacing:.1em;flex-direction:column;align-items:center;font-size:.7rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.customer-nav .nav-item.active{color:#aa3bff}.customer-nav .nav-icon{margin-bottom:4px;font-size:1.2rem}