@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-color:#050505;--text-primary:#fff;--text-secondary:#a1a1aa;--accent:#8b5cf6;--accent-glow:#8b5cf666;--glass-bg:#ffffff08;--glass-border:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}.bg-blob{background:radial-gradient(circle, var(--accent-glow) 0%, #0000 70%);filter:blur(80px);z-index:-1;width:600px;height:600px;animation:8s ease-in-out infinite alternate pulse;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%{opacity:1;box-shadow:0 0 #3b82f666}70%{opacity:.5;box-shadow:0 0 0 6px #3b82f600}to{opacity:1;box-shadow:0 0 #3b82f600}}:root{--bg-color:#09090b;--panel-bg:#ffffff08;--panel-border:#ffffff14;--panel-shadow:inset 0 1px 0 #ffffff0d;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--accent:#3b82f6;--accent-muted:#3b82f626}.erp-layout{background:var(--bg-color);min-height:100vh;color:var(--text-primary);font-family:Outfit,sans-serif;display:flex;position:relative;overflow:hidden}.ambient-glow{background:radial-gradient(circle, var(--accent-muted) 0%, transparent 60%);pointer-events:none;z-index:0;opacity:.5;width:800px;height:800px;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.liquid-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);border-radius:20px}.erp-nav{z-index:10;flex-direction:column;width:280px;margin:16px;padding:24px 16px;display:flex}.nav-header{align-items:center;gap:16px;margin-bottom:48px;padding:0 12px;display:flex}.logo-mark{border:1px solid var(--panel-border);background:#ffffff05;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.nav-title{letter-spacing:-.02em;margin:0;font-size:1.1rem;font-weight:600}.nav-subtitle{color:var(--text-secondary);margin:0;font-size:.85rem}.nav-list{flex-direction:column;flex:1;gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-btn{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-family:inherit;font-size:.95rem;font-weight:500;transition:color .2s;display:flex;position:relative}.nav-btn:hover,.nav-btn.active{color:var(--text-primary)}.nav-btn span,.nav-btn svg{z-index:2;position:relative}.active-indicator{z-index:1;background:#ffffff0f;border-radius:12px;position:absolute;inset:0}.nav-footer{padding:0 12px}.status-pill{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:8px;font-size:.75rem;font-weight:600;display:inline-flex}.status-dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #10b981}.erp-content{z-index:10;flex:1;padding:32px 48px;overflow-y:auto}.content-section{width:100%;max-width:900px;margin:0 auto}.section-header{margin-bottom:40px}.section-header h2{letter-spacing:-.04em;margin:0 0 8px;font-size:2.5rem;font-weight:600}.section-meta{color:var(--text-secondary);margin:0;font-size:1rem}.bento-grid-calendar{gap:24px;display:grid}@media (width>=1024px){.bento-grid-calendar{grid-template-columns:1fr 350px}}.hero-event{justify-content:space-between;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.hero-event-content{z-index:2;max-width:60%;position:relative}.event-badge{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;background:#3b82f633;border-radius:100px;margin-bottom:24px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-block}.hero-event-title{margin:0 0 16px;font-size:2.5rem;font-weight:600;line-height:1.1}.hero-event-time{color:var(--text-secondary);align-items:center;gap:8px;margin:0;font-size:1.1rem;display:flex}.hero-event-visual{z-index:1;position:absolute;bottom:-20px;right:-20px}.calendar-icon-large{background:radial-gradient(circle,#3b82f61a 0%,#0000 70%);border-radius:50%;padding:60px}.agenda-list .data-row{align-items:flex-start;padding:12px 16px}.agenda-date{border:1px solid var(--panel-border);background:#0000004d;border-radius:12px;flex-direction:column;align-items:center;min-width:56px;padding:8px 12px;display:flex}.agenda-date .day{font-size:1.2rem;font-weight:700;line-height:1}.agenda-date .month{color:var(--text-secondary);text-transform:uppercase;margin-top:2px;font-size:.75rem;font-weight:600}.agenda-details{flex-direction:column;gap:4px;display:flex}.section-header.split{justify-content:space-between;align-items:flex-end;display:flex}.sync-btn{align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;display:flex}.bento-grid-tasks,.bento-grid-meals{gap:24px;display:grid}.bento-grid-tasks{grid-template-columns:1fr}@media (width>=1024px){.bento-grid-tasks{grid-template-columns:350px 1fr}}.bento-grid-meals{grid-template-columns:1fr}@media (width>=1024px){.bento-grid-meals{grid-template-columns:300px 1fr}}.bento-cell{padding:24px}.bento-cell h3{color:var(--text-secondary);margin:0 0 20px;font-size:1rem;font-weight:500}.full-cell{padding:24px}.input-group{gap:12px;display:flex}.input-group-vertical{flex-direction:column;gap:12px;display:flex}.liquid-input{border:1px solid var(--panel-border);width:100%;color:var(--text-primary);background:#0003;border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.liquid-input:focus{border-color:var(--accent)}.liquid-btn-icon{background:var(--text-primary);width:46px;height:46px;color:var(--bg-color);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,opacity .2s;display:flex}.liquid-btn-icon:hover{opacity:.9}.liquid-btn-icon:active{transform:scale(.96)}.liquid-btn{background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text-primary);cursor:pointer;border-radius:12px;padding:12px 24px;font-family:inherit;font-weight:500;transition:all .2s}.liquid-btn.primary{background:var(--text-primary);color:var(--bg-color);border-color:#0000}.liquid-btn.primary:active{transform:scale(.98)}.data-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.data-row{background:#ffffff05;border:1px solid #0000;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:background .2s,border-color .2s;display:flex}.data-row:hover{border-color:var(--panel-border);background:#ffffff0a}.data-row.split{justify-content:space-between}.row-icon{color:var(--text-secondary);display:flex}.row-text{flex:1;font-size:.95rem}.row-meta{color:var(--text-secondary);font-size:.85rem}.row-action{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s;display:flex}.row-action:hover{color:var(--text-primary)}.empty-state{color:var(--text-secondary);text-align:center;padding:24px 0;font-size:.9rem}.metric-tag{background:#ffffff1a;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:500}.metric-tag.empty{color:var(--text-secondary);background:0 0}.feature-card{align-items:flex-start;gap:24px;padding:32px;display:flex}.feature-icon-wrapper{border:1px solid var(--panel-border);background:#ffffff08;border-radius:16px;padding:16px}.feature-title{margin:0 0 12px;font-size:1.2rem;font-weight:500}.feature-desc{color:var(--text-secondary);max-width:60ch;margin:0 0 24px;line-height:1.6}.system-status{color:var(--accent);background:#3b82f61a;border:1px solid #3b82f633;border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:500;display:inline-flex}.pulse-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent);border-radius:50%;animation:2s infinite pulse}.full-width-section{width:100%;max-width:1000px}.flex-actions{align-items:center;gap:16px;display:flex}.month-controls{gap:4px;padding:4px;display:flex}.icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.icon-btn:hover{color:var(--text-primary);background:#ffffff0d}.calendar-wrapper{padding:24px}.calendar-grid-header{text-align:center;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;grid-template-columns:repeat(7,1fr);margin-bottom:12px;font-size:.85rem;font-weight:600;display:grid}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.calendar-cell{aspect-ratio:1;border:1px solid var(--panel-border);cursor:pointer;background:#ffffff05;border-radius:16px;padding:12px;transition:all .3s;position:relative}.calendar-cell:hover{background:#ffffff0d;border-color:#ffffff26}.calendar-cell.blank{cursor:default;background:0 0;border-color:#0000}.calendar-cell.spider-active{border-color:var(--accent);background:#3b82f61a}.cal-day-num{color:var(--text-secondary);font-size:1.1rem;font-weight:600}.calendar-cell:hover .cal-day-num,.calendar-cell.spider-active .cal-day-num{color:var(--text-primary)}.cal-events-preview{gap:4px;margin-top:8px;display:flex}.cal-event-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 6px var(--accent);border-radius:50%}.spider-menu{z-index:50;pointer-events:none;width:140px;height:140px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spider-center{background:var(--text-primary);width:32px;height:32px;color:var(--bg-color);pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000080}.spider-node{background:var(--panel-bg);backdrop-filter:blur(12px);border:1px solid var(--accent);width:40px;height:40px;color:var(--accent);cursor:pointer;pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;box-shadow:0 4px 12px #0000004d}.spider-node:hover{background:var(--accent);color:#fff;transform:scale(1.1)}.node-top{margin-left:-20px;top:0;left:50%}.node-left{margin-top:-20px;top:50%;left:0}.node-right{margin-top:-20px;top:50%;right:0}.tooltip{background:var(--text-primary);color:var(--bg-color);opacity:0;pointer-events:none;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:.7rem;transition:opacity .2s;position:absolute;top:-24px}.spider-node:hover .tooltip{opacity:1}.custom-modal-overlay{backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.custom-modal{flex-direction:column;gap:16px;width:90%;max-width:400px;padding:32px;display:flex}.custom-modal h3{margin:0;font-size:1.2rem}.custom-modal p{color:var(--text-secondary);margin:0;font-size:.9rem}.modal-actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}