*{box-sizing:border-box}body{color:#1e293b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f3f7fd;margin:0;font-family:Inter,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{color:#e2e8f0;background:linear-gradient(#0f172a,#0b1b3b);border-right:1px solid #1e3a8a;padding:18px 14px}.brand{align-items:center;gap:12px;margin-bottom:20px;display:flex}.brand-icon{color:#fff;background:#2563eb;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.brand h1{margin:0;font-size:1.05rem}.brand p{color:#93c5fd;margin:0;font-size:.8rem}nav{gap:10px;display:grid}.menu-section{gap:6px;display:grid}.menu-section-title{text-transform:uppercase;letter-spacing:.08em;color:#93c5fd;margin:4px 6px 0;font-size:.7rem}.nav-item{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#1e3a8a;border-color:#3b82f6}.content{padding:18px 20px}.topbar{background:#fff;border:1px solid #dbeafe;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px 16px;display:flex}.topbar h2{margin:0;font-size:1.2rem}.topbar p{color:#64748b;margin:4px 0 0;font-size:.9rem}.topbar-right{align-items:center;gap:10px;display:flex}.badge-btn,.profile-chip{background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:flex}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.kpi-card,.panel{background:#fff;border:1px solid #dbeafe;border-radius:14px;padding:14px}.dashboard-kpi-tile{background:linear-gradient(135deg,#fff,#eef4ff);position:relative;overflow:hidden}.dashboard-kpi-tile:after{content:"";background:#3b82f61f;border-radius:999px;width:120px;height:120px;position:absolute;top:-40px;right:-30px}.dashboard-kpi-tile:nth-child(2):after{background:#16a34a24}.dashboard-kpi-tile:nth-child(3):after{background:#f59e0b24}.dashboard-kpi-tile:nth-child(4):after{background:#ef444424}.dashboard-kpi-tile:nth-child(5):after,.dashboard-kpi-tile:nth-child(6):after{background:#0ea5e91f}.tile-tag{color:#1d4ed8;background:#dbeafe;border-radius:999px;margin-top:8px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.kpi-card p{color:#64748b;margin:0;font-size:.86rem}.kpi-card strong{margin-top:8px;font-size:1.5rem;display:block}.kpi-card small{color:#0f766e}.kpi-card.danger small{color:#b91c1c}.wide{grid-column:span 2}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.panel-header h3{margin:0;font-size:1rem}.table-like{gap:8px;display:grid}.table-like div{border:1px solid #dbeafe;border-radius:10px;justify-content:space-between;gap:8px;padding:10px;display:flex}.colorful-list div:first-child{background:#eff6ff}.colorful-list div:nth-child(2){background:#f0fdf4}.colorful-list div:nth-child(3){background:#fff7ed}.colorful-list div:nth-child(4){background:#fef2f2}.table-like span{color:#1e3a8a;font-weight:600}.table-like em{color:#64748b;font-style:normal}.module-placeholder{text-align:center;background:#fff;border:1px solid #dbeafe;border-radius:14px;padding:24px}.module-placeholder h3{margin:10px 0}.module-placeholder p{color:#475569;max-width:640px;margin:0 auto}.data-table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #dbeafe;padding:10px 8px;font-size:.88rem}.data-table th{text-transform:capitalize;color:#1e3a8a;background:#eff6ff}.selected-row{background:#eff6ff}.select-btn{color:#1d4ed8;cursor:pointer;background:#dbeafe;border:1px solid #93c5fd;border-radius:8px;padding:4px 8px}.crud-actions{flex-wrap:wrap;gap:8px;display:flex}.crud-actions button{cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.icon-crud-btn{cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-crud-btn.danger{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.crud-actions button:disabled{opacity:.5;cursor:not-allowed}.filter-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.filter-grid input,.filter-grid select,.form-grid input{color:#1e293b;appearance:none;background:#fff;border:1px solid #bfdbfe;border-radius:8px;width:100%;padding:8px}.form-grid select,.po-form-grid select{color:#1e293b;appearance:none;cursor:pointer;background-color:#fff;background-image:linear-gradient(45deg,#0000 50%,#1e40af 50%),linear-gradient(135deg,#1e40af 50%,#0000 50%),linear-gradient(90deg,#dbeafe,#dbeafe);background-position:calc(100% - 16px) calc(1em + 1px),calc(100% - 11px) calc(1em + 1px),calc(100% - 2.1rem) .45rem;background-repeat:no-repeat;background-size:5px 5px,5px 5px,1px 1.6rem;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #bfdbfe;border-radius:8px;width:100%;padding:8px 34px 8px 8px}.form-sheet{background:#f8fbff;border:1px solid #bfdbfe;border-radius:12px;margin-top:12px;padding:10px}.modal-overlay{z-index:20;background:#0f172a73;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.modal-card{background:linear-gradient(#fff,#f8fbff);border:1px solid #bfdbfe;border-radius:12px;width:min(960px,100%);max-height:85vh;padding:16px;overflow:auto;box-shadow:0 14px 28px #0f172a33}.confirm-card{text-align:center;width:min(420px,100%)}.confirm-card h3{margin:8px 0 4px}.confirm-card p{color:#64748b;margin:0 0 12px}.confirm-icon{color:#b91c1c;background:#fee2e2;border-radius:999px;place-items:center;width:36px;height:36px;margin:0 auto;display:grid}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.form-grid label{color:#334155;gap:4px;font-size:.82rem;display:grid}.form-grid label span{color:#1e3a8a;font-weight:600}.reports-prototype{gap:14px;display:grid}.reports-hero{background:linear-gradient(135deg,#f8fbff,#eef4ff);justify-content:space-between;align-items:center;gap:10px;display:flex}.reports-hero h3{margin:0}.reports-hero p{color:#64748b;margin:4px 0 0}.report-filter-pills{flex-wrap:wrap;gap:8px;display:flex}.report-filter-pills select{background:#fff;border:1px solid #bfdbfe;border-radius:999px;padding:8px 12px}.report-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.report-kpi{text-align:left;background:#fff;border:1px solid #dbeafe;border-radius:12px;padding:12px}.report-kpi p{color:#64748b;margin:0;font-size:.82rem}.report-kpi strong{color:#1e3a8a;margin-top:6px;font-size:1.35rem;display:block}.report-kpi small{color:#0f766e}.po-entry-panel{background:linear-gradient(#fff,#f8fbff)}.po-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.po-form-grid label{gap:4px;display:grid}.po-form-grid label span{color:#1e3a8a;font-size:.78rem;font-weight:600}.po-form-grid input,.po-form-grid select{color:#1e293b;appearance:none;background:#fff;border:1px solid #bfdbfe;border-radius:8px;padding:8px}.filter-grid select{cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,#1e40af 50%),linear-gradient(135deg,#1e40af 50%,#0000 50%),linear-gradient(90deg,#dbeafe,#dbeafe);background-position:calc(100% - 16px) calc(1em + 1px),calc(100% - 11px) calc(1em + 1px),calc(100% - 2.1rem) .45rem;background-repeat:no-repeat;background-size:5px 5px,5px 5px,1px 1.6rem;padding-right:34px}.clickable-kpi{cursor:pointer;transition:transform .15s,box-shadow .15s}.clickable-kpi:hover{transform:translateY(-1px);box-shadow:0 8px 20px #1e3a8a14}.summary-active{box-shadow:inset 0 0 0 1px #93c5fd;background:#eff6ff!important;border-color:#60a5fa!important}.applied-filter-bar{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin:6px 0 10px;padding:8px 10px;font-size:.85rem}.chatbot-fab{color:#fff;cursor:pointer;z-index:25;background:#1d4ed8;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 24px #1e40af59}.chatbot-panel{z-index:25;background:#fff;border:1px solid #bfdbfe;border-radius:16px;grid-template-rows:auto 1fr auto;width:min(460px,100vw - 28px);height:520px;display:grid;position:fixed;bottom:72px;right:20px;box-shadow:0 20px 36px #0f172a3d}.chatbot-header{border-bottom:1px solid #dbeafe;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.chatbot-header p{color:#64748b;margin:2px 0 0;font-size:.74rem}.chatbot-body{background:linear-gradient(#f8fbff,#f1f5ff);align-content:start;gap:10px;padding:12px;display:grid;overflow:auto}.chat-msg{background:#fff;border:1px solid #dbeafe;border-radius:14px;gap:6px;max-width:92%;padding:10px 12px;display:grid}.chat-msg.user{background:#eaf2ff;border-color:#93c5fd;justify-self:end}.chat-msg.assistant{background:#fff;justify-self:start}.chat-msg-content{white-space:normal;word-break:break-word;color:#1f2937;margin:0;font-family:inherit;line-height:1.45}.chat-msg-content p{margin:0 0 6px}.chat-msg-content p:last-child{margin-bottom:0}.chat-user-badge{color:#1d4ed8;font-size:.78rem;font-weight:600}.chatbot-input{border-top:1px solid #dbeafe;grid-template-columns:1fr auto;gap:8px;padding:10px;display:grid}.chatbot-input input{border:1px solid #bfdbfe;border-radius:10px;padding:10px}.clickable-kpi.active{background:#eff6ff;border-color:#60a5fa;box-shadow:inset 0 0 0 1px #93c5fd}.report-layout{grid-template-columns:280px 1fr;gap:12px;display:grid}.report-submenu{border-right:1px solid #dbeafe;gap:6px;max-height:520px;padding-right:10px;display:grid;overflow:auto}.report-submenu-item{text-align:left;cursor:pointer;background:#f8fbff;border:1px solid #dbeafe;border-radius:10px;gap:2px;padding:8px;display:grid}.report-submenu-item small{color:#64748b}.report-submenu-item span{color:#1e3a8a;font-weight:600}.report-submenu-item.active{background:#dbeafe;border-color:#93c5fd}.report-subtitle{color:#64748b;margin:0 0 10px}.compact-table{margin-top:8px}.reports-header p{color:#64748b;margin:6px 0 0}.report-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.report-card{background:#f8fbff;border:1px solid #dbeafe;border-radius:10px;padding:10px}.report-card strong{margin-bottom:6px;display:block}.report-card p{color:#64748b;margin:0;font-size:.84rem}.report-card span{color:#166534;background:#dcfce7;border-radius:999px;margin-top:8px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #1e3a8a;border-right:0}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.topbar{flex-direction:column;align-items:flex-start;gap:12px}.dashboard-grid{grid-template-columns:1fr}.wide{grid-column:span 1}.report-cards,.filter-grid,.form-grid,.report-layout{grid-template-columns:1fr}.report-submenu{border-bottom:1px solid #dbeafe;border-right:0;max-height:240px;padding-bottom:10px;padding-right:0}.reports-hero{flex-direction:column;align-items:flex-start}.report-cards-grid,.po-form-grid{grid-template-columns:1fr}}