/* Enterprise dashboard demonstration. Data visualization and functional UI. */
.enterprise-demo{padding:32px;background:#edf2f8}.enterprise-system{margin-top:26px;border:1px solid #cbd5e1;border-radius:12px;overflow:hidden;background:#f2f5f9;font-family:'Inter','Noto Sans JP',sans-serif;color:#1b2b42;font-size:.875rem;line-height:1.6}.system-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border-bottom:1px solid #d7dfe9;padding:18px 22px}.system-topbar strong{display:block;font-size:1.125rem;font-weight:600}.system-topbar>div>span{display:block;color:#69768a;font-size:.75rem;margin-top:3px}.system-top-actions{display:flex;align-items:center;gap:14px}.system-top-actions .demo-notice{display:inline-block;margin:0;color:#45566b;background:#eef2f7;border-radius:4px;padding:5px 9px;font-size:.75rem}.system-top-actions button{padding:8px 12px;border:1px solid #cbd5e1;background:white;border-radius:5px;color:#334763;font-size:.875rem;cursor:pointer}.system-layout{display:grid;grid-template-columns:178px minmax(0,1fr)}.system-sidebar{background:#122139;color:#b3c2d9;padding:24px 12px;min-width:0}.system-sidebar>p{font-size:.75rem;letter-spacing:.08em;padding:0 12px;margin-bottom:15px}.system-sidebar [role=tablist]{display:flex;flex-direction:column;gap:6px}.system-sidebar [role=tab]{display:flex;justify-content:space-between;align-items:center;gap:7px;min-height:46px;padding:11px 12px;border:0;border-radius:6px;background:transparent;color:#c4d0e3;font-size:.875rem;text-align:left;cursor:pointer;line-height:1.5}.system-sidebar [role=tab][aria-selected=true]{background:#2855b3;color:#fff}.system-sidebar [role=tab]:hover{background:#223b61;color:white}.system-sidebar [role=tab]>span{font-size:.75rem;background:#ffffff1f;min-width:21px;text-align:center;padding:2px 4px;border-radius:4px}.system-sidebar-note{font-size:.75rem;color:#a4b5ce;line-height:1.8;margin:28px 12px 0;border-top:1px solid #31405a;padding-top:18px}.system-main{padding:24px;min-width:0;overflow:hidden}.system-main [role=tabpanel][hidden]{display:none}.system-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.system-heading>div>span{font-size:.75rem;color:#6a7b90;letter-spacing:.06em}.system-heading h4{font-size:1.35rem;line-height:1.6;margin-top:3px;font-weight:600}.system-heading>span{color:#63738a;font-size:.75rem}.system-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.system-kpis article,.dialog-kpis article{background:white;border:1px solid #dbe3ed;border-radius:7px;padding:16px 14px;border-top:3px solid #3f68bb;min-width:0}.system-kpis p,.dialog-kpis p{font-size:.75rem;color:#5c6c80}.system-kpis strong,.dialog-kpis strong{display:block;font-size:clamp(1rem,1.55vw,1.5rem);letter-spacing:-.035em;font-weight:600;margin:8px 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.system-kpis article>span,.dialog-kpis article>span{font-size:.75rem;color:#718096;display:block}.system-charts,.system-bottom-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-top:16px}.system-widget{border:1px solid #dbe3ed;border-radius:8px;background:white;padding:20px;min-width:0}.system-widget h5{font-size:.9375rem;font-weight:600;margin:0 0 16px}.system-chart-legend{font-size:.75rem;color:#68788e;display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.system-chart-legend>span{display:inline-flex;align-items:center;gap:5px}.system-chart-legend>span:before{content:'';height:8px;width:8px;border-radius:2px;background:#4169ba}.system-chart-legend>span:nth-child(2):before{background:#a4b6d8}.system-bar-chart{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;height:205px;background:repeating-linear-gradient(to top,#f0f3f7 0px,#f0f3f7 1px,transparent 1px,transparent 38px);border-bottom:1px solid #d2dce8}.chart-month{display:flex;align-items:center;flex-direction:column;height:100%;justify-content:flex-end;gap:6px;font-size:.75rem;color:#60738e}.chart-month>span:first-child{font-size:.75rem;color:#2a4168}.chart-columns{height:145px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px}.chart-columns i{display:block;width:36%;background:#4169ba;border-radius:3px 3px 0 0}.chart-columns i:nth-child(2){background:#a4b6d8}.system-status-row{margin-bottom:17px}.system-status-row>div:first-child,.capacity-row>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}.system-status-row strong{font-size:.875rem;font-weight:500}.system-badge{font-size:.75rem;font-weight:500;line-height:1.6;border-radius:4px;padding:4px 8px;display:inline-block;white-space:nowrap}.system-badge.blue{color:#1e4da5;background:#e9f0ff}.system-badge.amber{color:#8a510e;background:#fff2d8}.system-badge.green{color:#226b51;background:#e9f7ee}.system-badge.neutral{color:#5e6b7d;background:#edf0f5}.system-meter{height:7px;background:#e9eef5;overflow:hidden;border-radius:4px}.system-meter>span{display:block;height:100%;background:#5479c5;border-radius:4px}.system-meter.over-capacity>span{background:#c1782e}.capacity-row{margin-top:16px}.capacity-row strong{font-size:.75rem;font-weight:500}.system-alerts{}#system-alerts{display:grid;gap:10px}#system-alerts button{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid #e0e6ef;padding:13px 10px;border-radius:5px;background:#f9fafc;cursor:pointer;text-align:left;color:#435571;font-size:.875rem}#system-alerts strong{white-space:nowrap;font-size:.875rem;color:#1e4da5}.system-data-note{font-size:.75rem;color:#65768b;line-height:1.8;margin-top:18px}.system-filters{display:flex;gap:16px;margin-bottom:20px}.system-filters label:first-child{flex:1}.system-filters label{font-size:.875rem;color:#526781}.system-filters input,.system-filters select,.billing-filter select{display:block;font:inherit;font-size:.875rem;color:#2f425d;background:#fff;border:1px solid #bac8d9;border-radius:5px;padding:10px 12px;margin-top:6px;width:100%;min-height:42px}.system-table-scroll{overflow-x:auto;max-width:100%;border:1px solid #d7e0eb;border-radius:7px;background:#fff}.system-table{border-collapse:collapse;text-align:left;width:100%;min-width:780px;white-space:nowrap;font-variant-numeric:tabular-nums}.system-table thead{background:#eaf0f7;color:#586c88}.system-table th{font-size:.75rem;font-weight:500;padding:13px 14px;border-bottom:1px solid #d6dfeb}.system-table td{font-size:.875rem;padding:15px 14px;border-bottom:1px solid #e6ebf2}.system-table tbody tr:last-child td{border-bottom:0}.system-table tbody tr:hover{background:#f5f8ff}.system-table small{display:block;color:#78869a;font-size:.75rem;margin-top:6px}.project-link{background:none;border:0;padding:0;color:#1d55a5;font:inherit;font-size:.875rem;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.table-progress{width:90px;height:6px;background:#e8edf4;border-radius:4px;overflow:hidden}.table-progress>span{display:block;height:100%;background:#6282c7}.system-table .deadline-late{color:#ac4423;font-weight:600}.system-action{border:1px solid #bbcae1;border-radius:5px;background:#f5f8ff;padding:9px 12px;font-size:.875rem;color:#28559a;cursor:pointer;white-space:nowrap}.system-action.primary{background:#2855b3;color:white;border-color:#2855b3}.system-muted{font-size:.75rem;color:#69798d}.system-empty{padding:40px 24px!important;text-align:center;color:#68778c;font-size:.875rem;white-space:normal}.system-empty p{margin-top:10px}.system-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.system-team-grid article{background:#fff;border:1px solid #dae2ed;border-radius:8px;padding:22px}.team-card-heading{display:flex;align-items:center;gap:12px}.team-avatar{display:flex;align-items:center;justify-content:center;background:#e7eefb;border-radius:8px;color:#315a9e;width:40px;height:40px;font-size:1rem;font-weight:600;flex-shrink:0}.team-card-heading h5{margin:0;font-size:1rem;font-weight:500}.team-card-heading p{font-size:.75rem;color:#728198}.team-card-heading .system-badge{margin-left:auto}.team-workload{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:24px 0 14px}.team-workload strong{font-size:1.8rem;font-weight:600}.team-workload strong span{font-size:.875rem;font-weight:400;color:#8390a3}.team-workload>span{font-size:.75rem;color:#6a7b91}.team-load-note{font-size:.75rem;color:#6f7f95;margin-top:10px}.system-team-grid ul{list-style:none;padding:0;margin:20px 0 0;border-top:1px solid #e0e6ef}.system-team-grid li{display:flex;gap:14px;justify-content:space-between;padding-top:14px;font-size:.875rem}.system-team-grid li>span{color:#61738d;white-space:nowrap}.billing-filter{display:flex;align-items:center;gap:10px;font-size:.875rem}.billing-filter select{margin:0;width:auto}.approval-card{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;background:white;border:1px solid #dbe4ef;border-left:4px solid #cea45b;border-radius:6px;margin-bottom:16px}.approval-card h5{margin:5px 0;font-size:1.125rem;font-weight:600}.approval-card p{color:#718097;font-size:.875rem}.approval-card dl{display:flex;flex-wrap:wrap;gap:24px;margin:18px 0 0}.approval-card dt{font-size:.75rem;color:#7b889c}.approval-card dd{margin:4px 0 0;font-size:.875rem}.approval-actions{display:flex;flex-direction:column;align-items:center;gap:18px;flex-shrink:0}.system-footer{display:flex;justify-content:space-between;gap:18px;padding:13px 20px;border-top:1px solid #d7e0ed;background:#fff;font-size:.75rem;color:#6f8097}.system-dialog{width:min(680px,calc(100% - 32px));max-height:85vh;border:0;border-radius:12px;box-shadow:0 24px 100px #06152b4d;padding:30px;color:#1b2b42;background:#fff;font-family:var(--font)}.system-dialog::backdrop{background:#0d1c38a8}.system-dialog-close{display:block;margin-left:auto;border:1px solid #cbd6e4;border-radius:5px;padding:8px 12px;cursor:pointer;font-size:.875rem;background:white;color:#3f5675}.system-dialog h4{font-size:1.55rem;font-weight:600;margin:12px 0}.dialog-badges{display:flex;gap:10px}.dialog-kpis{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.dialog-kpis strong{font-size:1.6rem}.dialog-details{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.dialog-details dt{font-size:.875rem;color:#718198}.dialog-details dd{margin:5px 0 0;font-size:1rem}.system-dialog h5{font-size:1rem;margin:20px 0 12px;font-weight:600}.project-workflow{display:flex;list-style:none;padding:0;gap:10px;margin:18px 0 24px}.project-workflow li{flex:1;background:#eef1f6;padding:8px 6px;font-size:.75rem;text-align:center;border-radius:4px;color:#7d8794}.project-workflow li.reached{background:#e9f0ff;color:#315daa}.related-invoice{font-size:.875rem;border-top:1px solid #e2e9f3;padding-top:12px;margin-top:12px}.enterprise-system button:focus-visible,.enterprise-system input:focus-visible,.enterprise-system select:focus-visible,.system-dialog button:focus-visible{outline:3px solid #4787ed;outline-offset:3px}.enterprise-system input{max-width:100%}.enterprise-system h5{letter-spacing:0}.enterprise-system .system-data-note{font-size:.75rem!important}
@media(max-width:1100px){.system-layout{grid-template-columns:155px minmax(0,1fr)}.system-main{padding:18px}.system-sidebar{padding:20px 8px}.system-sidebar [role=tab]{padding:11px 8px;font-size:.8125rem}.system-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.system-kpis strong{font-size:1.4rem}.system-charts,.system-bottom-grid{grid-template-columns:1fr}.system-team-grid{grid-template-columns:1fr}.system-heading{flex-wrap:wrap}}
@media(max-width:800px){.enterprise-demo{padding:24px}.system-layout{grid-template-columns:1fr}.system-sidebar{padding:12px}.system-sidebar>p,.system-sidebar-note{display:none}.system-sidebar [role=tablist]{flex-direction:row;overflow-x:auto;gap:8px;padding:3px}.system-sidebar [role=tab]{flex-shrink:0;white-space:nowrap;padding:11px 14px;font-size:.875rem;min-height:44px}.system-topbar{padding:16px;align-items:flex-start;flex-wrap:wrap}.system-top-actions{width:100%;justify-content:space-between}.system-main{padding:18px}.system-kpis{gap:10px}.system-kpis strong{font-size:1.35rem}.system-widget{padding:18px}.system-footer{flex-direction:column;gap:5px}.system-main [role=tabpanel]{scroll-margin-top:90px}.system-filters{flex-direction:column;gap:10px}.system-filters label{width:100%}.approval-card{align-items:stretch;flex-direction:column;gap:20px}.approval-actions{flex-direction:row;justify-content:space-between}.system-heading h4{font-size:1.2rem}.system-dialog{padding:24px}.system-bar-chart{gap:10px}.system-chart-legend{font-size:.75rem}.enterprise-system{font-size:.875rem}}
@media(max-width:520px){.enterprise-demo{padding:22px 12px}.system-main{padding:14px}.system-kpis article{padding:13px 10px}.system-kpis strong{font-size:1.2rem}.system-heading>span{font-size:.75rem}.system-heading{gap:10px}.system-widget{padding:16px}.system-topbar strong{font-size:1rem}.system-top-actions .demo-notice{font-size:.75rem}.system-top-actions button{font-size:.8125rem}.system-team-grid article{padding:18px}.team-card-heading{gap:8px}.team-card-heading .system-badge{padding:3px 5px;font-size:.75rem}.system-dialog{padding:20px}.dialog-kpis{grid-template-columns:1fr}.dialog-details{grid-template-columns:1fr 1fr}.project-workflow{gap:5px}.project-workflow li{font-size:.75rem}.approval-card{padding:20px}.approval-card dl{gap:16px}.approval-card h5{font-size:1rem}.system-table{min-width:780px}.enterprise-system .system-footer{font-size:.75rem}}
.budget-review,.audit-widget{margin-top:20px}.budget-review-row{display:grid;grid-template-columns:1fr 1.5fr;gap:10px 18px;padding:15px 0;border-top:1px solid #e0e7f0;font-size:.875rem}.budget-review-row>strong{font-weight:500}.budget-review-row>span{color:#677a93}.budget-review-row .system-meter{grid-column:1/-1}.cash-chart{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;align-items:end;padding:20px 0 0;border-bottom:1px solid #ccd8e8;background:repeating-linear-gradient(to top,#f0f3f7 0px,#f0f3f7 1px,transparent 1px,transparent 38px)}.cash-chart>div{display:flex;align-items:center;flex-direction:column;gap:9px}.cash-chart span{font-size:.75rem;color:#466187;white-space:nowrap}.cash-chart i{display:block;width:60%;background:#5479c5;border-radius:4px 4px 0 0;max-height:160px}.cash-chart strong{font-size:.75rem;font-weight:500}.cash-table{margin-top:20px}.permission-table{min-width:640px}.audit-row{display:flex;align-items:center;gap:20px;padding:16px 0;border-top:1px solid #e2e9f2}.audit-row>span{font-size:.75rem;color:#72839b}.audit-row>span:last-child{margin-left:auto}.audit-row strong{font-size:.875rem;font-weight:500}.audit-row p{font-size:.75rem;color:#6e8098;margin-top:5px}@media(max-width:520px){.cash-chart{gap:6px}.cash-chart span{font-size:.75rem;white-space:normal;text-align:center}.cash-chart i{width:75%}.budget-review-row{grid-template-columns:1fr}.audit-row{gap:12px;align-items:flex-start}.audit-row>span:last-child{display:none}}