@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap");:root{--bg-primary:#0a0d14;--bg-secondary:#121824;--bg-card:rgba(22,30,46,0.7);--bg-card-hover:rgba(30,41,64,0.8);--border-color:rgba(255,255,255,0.08);--border-glow:rgba(56,189,248,0.3);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-cyan:#38bdf8;--accent-emerald:#10b981;--accent-indigo:#6366f1;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--accent-purple:#a855f7;--gradient-brand:linear-gradient(135deg,#38bdf8,#6366f1 50%,#a855f7);--gradient-card:linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0));--gradient-glow:radial-gradient(circle at 50% 0%,rgba(56,189,248,0.15),transparent 70%);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 10px 30px -10px rgba(0,0,0,0.5);--shadow-glow:0 0 25px -5px rgba(56,189,248,0.25)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;background-image:var(--gradient-glow)}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;letter-spacing:-.02em}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:rgba(255,255,255,.15);transform:translateY(-2px)}.app-header{height:72px;border-bottom:1px solid var(--border-color);background:rgba(10,13,20,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:-webkit-sticky;position:sticky;top:0;z-index:100;justify-content:space-between;padding:0 24px}.app-header,.brand-logo{display:flex;align-items:center}.brand-logo{font-size:1.5rem;font-weight:800;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;gap:8px}.nav-links{display:flex;align-items:center;gap:20px}.nav-item{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;padding:8px 14px;border-radius:var(--radius-sm);transition:all .2s ease}.nav-item.active,.nav-item:hover{color:var(--text-primary);background:rgba(255,255,255,.06)}.badge-sebi{background:rgba(16,185,129,.15);color:var(--accent-emerald);border:1px solid rgba(16,185,129,.3);font-weight:600;font-size:.75rem;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.btn-primary{background:var(--gradient-brand);color:#fff;border:none;font-weight:600;font-size:.9rem;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-glow);transition:all .2s ease}.btn-primary:hover{opacity:.9;transform:scale(1.02)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px;margin-bottom:28px}.metric-card{padding:24px;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-brand)}.metric-title{color:var(--text-secondary);font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.metric-value{font-size:2rem;font-weight:800;color:var(--text-primary);font-family:Outfit,sans-serif}.metric-sub{font-size:.85rem;color:var(--accent-emerald);margin-top:6px;display:flex;align-items:center;gap:4px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:6px;font-weight:500}.form-input,.form-select{width:100%;padding:12px 16px;background:rgba(10,13,20,.6);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.95rem;outline:none;transition:border-color .2s ease}.form-input:focus,.form-select:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px rgba(56,189,248,.15)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background-color:var(--accent-emerald);box-shadow:0 0 10px var(--accent-emerald)}.status-dot.warning{background-color:var(--accent-amber);box-shadow:0 0 10px var(--accent-amber)}.status-dot.error{background-color:var(--accent-rose);box-shadow:0 0 10px var(--accent-rose)}.erp-workspace-container{display:flex;min-height:calc(100vh - 72px);background-color:#0a0d14}.erp-sidebar{width:310px;background:rgba(14,19,31,.95);border-right:1px solid var(--border-color);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50;-webkit-user-select:none;-moz-user-select:none;user-select:none}.erp-sidebar-header{padding:20px 24px 16px;border-bottom:1px solid var(--border-color)}.erp-tenant-badge{background:rgba(56,189,248,.1);border:1px solid var(--border-glow);padding:10px 14px;border-radius:var(--radius-md);margin-top:10px}.erp-sidebar-menu{flex:1 1;padding:16px 12px;overflow-y:auto}.erp-menu-category{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:16px 12px 8px}.erp-menu-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;font-size:.92rem;cursor:pointer;transition:all .2s ease;margin-bottom:4px}.erp-menu-item:hover{color:var(--text-primary);background:rgba(255,255,255,.05)}.erp-menu-item.active{color:var(--accent-cyan);background:rgba(56,189,248,.12);border-left:3px solid var(--accent-cyan);font-weight:600}.erp-main-content{flex:1 1;padding:28px 36px;overflow-y:auto;background-image:var(--gradient-glow)}.erp-top-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}