.app-content,.app-shell{display:flex;min-height:100vh}.app-content{flex-direction:column;margin-left:270px;transition:margin-left .32s ease,width .32s ease;width:calc(100% - 270px)}.app-container{display:flex;min-height:100vh}.main-content{flex:1 1;min-height:100vh}.main-content.sidebar-closed{margin-left:78px;width:calc(100% - 78px)}.content-inner{padding:1.5rem}@media (max-width:900px){.app-content{margin-left:78px;width:calc(100% - 78px)}.main-content{min-height:100vh}}.sidebar-nav-shell{background:radial-gradient(circle at top,#f29f0538,#0000 28%),linear-gradient(180deg,#08222d,#0b3542 52%,#0f4e5c);border-right:1px solid #ffffff14;box-shadow:8px 0 40px #06162240;height:100vh;left:0;overflow:hidden;padding:1rem .9rem;position:fixed;top:0;transition:width .32s ease;width:270px;z-index:1000}.sidebar-nav-shell.closed{width:78px}.sidebar-header{overflow:hidden;padding:.4rem .35rem 1rem;position:relative;white-space:nowrap}.brand-wrap{align-items:center;display:flex;gap:.85rem}.brand-mark{background:linear-gradient(135deg,#f29f05,#ffcf70);border-radius:16px;box-shadow:0 10px 24px #f29f0559;color:#3f2a00;display:grid;flex-shrink:0;font-weight:800;height:46px;place-items:center;width:46px}.brand-copy h2{color:#f5fbff;font-size:1.05rem;margin:0}.brand-copy p{color:#ebf5fab8;font-size:.84rem;margin:.2rem 0 0}.sidebar-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(180deg,#ffffff1f,#ffffff0f);border:1px solid #ffffff24;border-radius:24px;box-shadow:inset 0 1px 0 #ffffff1f;height:calc(100vh - 100px);justify-content:space-between;padding:1rem .8rem}.sidebar-links,.sidebar-panel{display:flex;flex-direction:column}.sidebar-links{gap:.6rem}.nav-item{align-items:center;border-radius:16px;color:#f4fbffe6;display:flex;gap:.95rem;min-height:52px;overflow:hidden;padding:.95rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item:before{background:linear-gradient(135deg,#ffffff2e,#ffffff0a);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.nav-item.active:before,.nav-item:hover:before{opacity:1}.nav-item:hover{transform:translateX(4px)}.nav-item.active{border:1px solid #ffffff29;box-shadow:0 12px 28px #0000002e}.nav-text{font-weight:600;line-height:1.2;z-index:1}.sidebar-footer-card{align-items:flex-start;background:linear-gradient(135deg,#f29f052e,#ffffff14);border:1px solid #ffffff24;border-radius:18px;color:#eef7fb;display:flex;gap:.75rem;padding:1rem}.sidebar-footer-card p{color:#eef7fbc7;font-size:.84rem;line-height:1.45;margin:.25rem 0 0}.pulse-dot{background:#39d98a;border-radius:50%;box-shadow:0 0 0 8px #39d98a1f;flex-shrink:0;height:12px;margin-top:.35rem;width:12px}.hamburger-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff29;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:42px;justify-content:center;position:absolute;right:8px;top:6px;transition:all .3s ease;width:42px;z-index:1001}.hamburger-btn:hover{background:#ffffff2e;transform:scale(1.04)}.sidebar-nav-shell.closed .brand-copy,.sidebar-nav-shell.closed .nav-text,.sidebar-nav-shell.closed .sidebar-footer-card{opacity:0;overflow:hidden;pointer-events:none;width:0}.sidebar-nav-shell.closed .sidebar-links{align-items:center}.sidebar-nav-shell.closed .nav-item{justify-content:center;padding:.95rem 0}.sidebar-nav-shell.closed .hamburger-btn{left:50%;right:auto;top:50%;transform:translate(-50%,-50%)}.sidebar-nav-shell.closed .brand-wrap{justify-content:center}@media (max-width:900px){.sidebar-nav-shell{width:78px}.sidebar-nav-shell .brand-copy,.sidebar-nav-shell .nav-text,.sidebar-nav-shell .sidebar-footer-card{opacity:0;overflow:hidden;pointer-events:none;width:0}.sidebar-nav-shell .sidebar-links{align-items:center}.sidebar-nav-shell .nav-item{justify-content:center;padding:.95rem .75rem}.sidebar-nav-shell .hamburger-btn{left:50%;right:auto;top:50%;transform:translate(-50%,-50%)}}.erp-footer{align-items:center;border-radius:18px;display:flex;gap:1rem;justify-content:space-between;margin:1.5rem;padding:1rem 1.2rem}.erp-footer p{color:var(--muted);margin:.25rem 0 0}.erp-footer span{color:var(--muted);font-size:.92rem}@media (max-width:768px){.erp-footer{align-items:flex-start;flex-direction:column}}.stat-card{background:linear-gradient(180deg,#fffffff2,#ffffffd1);border:1px solid #ffffffbf;border-radius:20px;box-shadow:0 16px 40px #0d1f2e1a;overflow:hidden;padding:1.2rem;position:relative;transition:all .3s ease}.stat-card:hover{box-shadow:0 24px 46px #0d1f2e24;transform:translateY(-4px)}.stat-card:after{border-radius:50%;content:"";height:120px;opacity:.18;position:absolute;right:-30px;top:-30px;width:120px}.stat-card.teal:after{background:#0f6b7a}.stat-card.gold:after{background:#f29f05}.stat-card.green:after{background:#1f8f5f}.stat-card.slate:after{background:#617187}.stat-card-top{align-items:center;color:var(--muted);display:flex;font-weight:600;justify-content:space-between}.stat-orb{background:linear-gradient(135deg,#0f6b7a,#f29f05);border-radius:50%;box-shadow:0 0 0 8px #0f6b7a14;height:12px;width:12px}.stat-card h3{color:var(--text);font-size:2rem;margin:1rem 0 .4rem}.stat-card p{color:var(--muted);line-height:1.5;margin:0}.dashboard-page{display:flex;flex-direction:column;gap:1.4rem}.dashboard-hero{grid-gap:1.2rem;align-items:stretch;background:radial-gradient(circle at top left,#f29f052e,#0000 24%),radial-gradient(circle at bottom right,#0f6b7a2e,#0000 28%),#ffffffb8;border-radius:24px;display:grid;gap:1.2rem;grid-template-columns:1.6fr .8fr;padding:1.5rem}.hero-chip{background:#0f6b7a1a;border-radius:999px;color:var(--primary);display:inline-flex;font-weight:700;margin-bottom:1rem;padding:.45rem .75rem}.dashboard-hero h1{font-size:clamp(2rem,3vw,3rem);line-height:1.08;margin:0;max-width:800px}.dashboard-hero p{color:var(--muted);line-height:1.7;margin:.8rem 0 0}.hero-side-card{background:linear-gradient(180deg,#0a4550,#0f6b7a);border-radius:22px;box-shadow:0 20px 40px #0f6b7a47;color:#fff;padding:1.3rem}.hero-side-card span{opacity:.82}.hero-side-card strong{display:block;font-size:2.6rem;margin:.6rem 0}.dashboard-grid-two{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(2,minmax(0,1fr))}.chart-panel,.list-panel{border-radius:22px;padding:1.2rem}.panel-heading h3{margin:0}.panel-heading p{color:var(--muted);margin:.4rem 0 .8rem}.chart-wrap{height:320px}.mini-list{display:flex;flex-direction:column;gap:.8rem}.mini-list-item{align-items:center;background:#ffffffb8;border:1px solid #1220330f;border-radius:16px;display:flex;gap:1rem;justify-content:space-between;padding:1rem}.mini-list-item p{color:var(--muted);margin:.25rem 0 0}@media (max-width:1100px){.dashboard-grid-two,.dashboard-hero{grid-template-columns:1fr}}.action-row{display:flex;flex-wrap:wrap;gap:.6rem}.action-btn{padding:.65rem .9rem}.row-subtext{color:var(--muted);font-size:.85rem;margin-top:.25rem}.authentication-page{display:flex;flex-direction:column;gap:24px}.authentication-header h1{color:#0f172a;font-size:2rem;margin:0 0 8px}.authentication-header p{color:#475569;margin:0}.authentication-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(320px,420px) 1fr}.auth-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 24px #0f172a0f;padding:24px}.auth-panel h2{color:#0f172a;font-size:1.25rem;margin:0 0 16px}.auth-form{gap:16px}.auth-form,.auth-form label{display:flex;flex-direction:column}.auth-form label{color:#334155;font-weight:600;gap:8px}.auth-form input{border:1px solid #cbd5e1;border-radius:10px;font-size:.95rem;padding:12px 14px}.auth-form button{background:#0f766e;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:12px 16px}.auth-selected-credential{color:#334155;display:flex;flex-direction:column;gap:6px;margin-top:18px}.credentials-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.credential-card{background:#f8fafc;border:1px solid #dbeafe;border-radius:14px;cursor:pointer;padding:16px;text-align:left}.credential-card.active{background:#ecfeff;border-color:#0f766e}.credential-role{color:#0f172a;font-weight:700;margin-bottom:10px}.credential-detail{color:#475569;font-size:.92rem;margin-bottom:6px}@media (max-width:900px){.authentication-layout{grid-template-columns:1fr}}:root{--bg:#f4f7fb;--surface:#ffffffd1;--surface-solid:#fff;--text:#122033;--muted:#617187;--line:#12203314;--primary:#0f6b7a;--primary-dark:#084c57;--accent:#f29f05;--danger:#d64545;--success:#1f8f5f;--shadow:0 20px 60px #091c2b1a;--shadow-soft:0 10px 30px #0f223414;--radius:18px}*{box-sizing:border-box}#root,body,html{background:radial-gradient(circle at top right,#f29f0524,#0000 25%),radial-gradient(circle at left top,#0f6b7a24,#0000 28%),linear-gradient(180deg,#f8fbfd,#eef3f8);color:#122033;color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;margin:0;min-height:100%}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}.page-shell{padding:1.75rem}.glass-panel{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffd1;background:var(--surface);border:1px solid #ffffff8c;border-radius:18px;border-radius:var(--radius);box-shadow:0 10px 30px #0f223414;box-shadow:var(--shadow-soft)}.page-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.page-title-row h1{font-size:2rem;line-height:1.1;margin:0}.page-title-row p{color:#617187;color:var(--muted);margin:.35rem 0 0}.danger-btn,.icon-btn,.primary-btn,.secondary-btn{border:none;border-radius:12px;cursor:pointer;font-weight:600;padding:.85rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.primary-btn{background:linear-gradient(135deg,#0f6b7a,#1296a8);box-shadow:0 14px 28px #0f6b7a38;color:#fff}.primary-btn:hover{box-shadow:0 18px 32px #0f6b7a47;transform:translateY(-2px)}.secondary-btn{background:#eef4f7;color:#122033;color:var(--text)}.secondary-btn:hover{transform:translateY(-2px)}.danger-btn{background:linear-gradient(135deg,#c53c3c,#e15c5c);box-shadow:0 14px 28px #c53c3c2e;color:#fff}.danger-btn:hover{transform:translateY(-2px)}.empty-state,.error-message,.loading-state,.status-message{border-radius:14px;margin-bottom:1rem;padding:1rem 1.1rem}.status-message{background:#1f8f5f1f;color:#1f8f5f;color:var(--success)}.error-message{background:#d645451a;color:#d64545;color:var(--danger)}.empty-state,.loading-state{background:#ffffffb8;border:1px solid #12203314;border:1px solid var(--line);color:#617187;color:var(--muted)}.table-card{background:#ffffffe0;border:1px solid #ffffffb3;border-radius:18px;box-shadow:0 20px 60px #091c2b1a;box-shadow:var(--shadow);overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:linear-gradient(180deg,#0f6b7a1a,#0f6b7a08)}.data-table td,.data-table th{border-bottom:1px solid #12203314;border-bottom:1px solid var(--line);padding:1rem;text-align:left;vertical-align:top}.data-table tbody tr:nth-child(2n){background:#f4f7fb8c}.data-table tbody tr:hover{background:#0f6b7a0f}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.82rem;font-weight:700;justify-content:center;padding:.35rem .7rem}.badge.teal{background:#0f6b7a1f;color:#0f6b7a}.badge.gold{background:#f29f0526;color:#b87500}.badge.green{background:#1f8f5f1f;color:#1f8f5f}.badge.red{background:#d645451f;color:#c43b3b}.badge.slate{background:#59677d1f;color:#55657c}.filters-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.filters-row input,.filters-row select,.form-grid input,.form-grid select,.form-grid textarea{background:#ffffffeb;border:1px solid #1220331a;border-radius:12px;outline:none;padding:.95rem 1rem;transition:all .25s ease;width:100%}.filters-row input:focus,.filters-row select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#0f6b7a73;box-shadow:0 0 0 4px #0f6b7a1a}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a14226b;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:2000}.modal-content{background:#fffffff0;border:1px solid #fffc;border-radius:22px;box-shadow:0 30px 80px #08121f33;padding:1.4rem;width:min(720px,100%)}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .full-width{grid-column:1/-1}.field-group label{display:block;font-weight:600;margin-bottom:.45rem}.modal-actions{display:flex;gap:.8rem;justify-content:flex-end;margin-top:1.2rem}.kpi-grid{grid-gap:1.1rem;display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (max-width:900px){.form-grid{grid-template-columns:1fr}.page-shell{padding:1rem}}