.civ-page{padding-top:120px;min-height:80vh}.civ-header{margin-bottom:4rem;display:flex;flex-direction:column;align-items:center;text-align:center}.civ-header h1{margin:0}.civ-icon-ring{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;background:#ffcc001a;display:flex;align-items:center;justify-content:center;position:relative}body.light-mode .civ-icon-ring{background:#e5091414}.civ-icon-ring:after{content:"";position:absolute;inset:-5px;border:2px solid rgba(255,204,0,.2);border-radius:50%;animation:civPulse 4s linear infinite}body.light-mode .civ-icon-ring:after{border-color:#e5091433}@keyframes civPulse{0%{transform:scale(1) rotate(0);opacity:.8}50%{transform:scale(1.1) rotate(180deg);opacity:.3}to{transform:scale(1) rotate(360deg);opacity:.8}}.civ-info-card{display:flex;margin-top:2.5rem;background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:20px;overflow:hidden;text-align:left;max-width:100%;width:100%;box-shadow:0 10px 30px #0000001a}.civ-info-col{flex:1;padding:2rem 2.25rem}.civ-info-col h4{margin:0 0 .75rem;font-size:1rem;font-weight:700;color:var(--color-primary);font-family:var(--font-heading)}.civ-info-col p{font-size:.88rem;color:var(--color-text-muted);line-height:1.65;margin:0 0 1rem}.civ-info-col ul,.civ-info-col ol{margin:0;padding-left:1.2rem;font-size:.88rem;color:var(--color-text-muted);line-height:1.75}.civ-info-divider{width:1px;background:var(--color-border);flex-shrink:0}.civ-step-card{background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001a;margin:0 auto 3rem;max-width:100%;width:100%}.civ-step-header{background:#ffcc000a;padding:2rem;display:flex;align-items:center;gap:1.5rem;border-bottom:1px solid var(--color-border)}body.light-mode .civ-step-header{background:#e509140a}.civ-step-number{width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0a0a0a;font-size:1.5rem;font-weight:700;box-shadow:0 5px 15px #ffcc004d;flex-shrink:0}body.light-mode .civ-step-number{color:#fff;box-shadow:0 5px 15px #e509144d}.civ-step-header h2{margin:0 0 .25rem;font-size:1.5rem}.civ-step-header p{margin:0;font-size:.95rem}.civ-step-content{padding:2.5rem}.civ-upload-zone{border:2px dashed var(--color-border);border-radius:16px;padding:3.5rem 2rem;text-align:center;cursor:pointer;transition:margin,border-color,background,.3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.civ-upload-zone:hover{border-color:var(--color-primary);background:#ffcc0008}body.light-mode .civ-upload-zone:hover{background:#e5091408}.civ-upload-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-top:1rem}.civ-upload-subtitle{color:var(--color-text-muted);font-size:.95rem}.civ-error-banner{display:flex;align-items:center;gap:.75rem;background:#e509141a;color:#ff4d4d;padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid rgba(229,9,20,.2);font-size:.9rem}.civ-parsing-state{padding:4rem 2rem;text-align:center;color:var(--color-text-muted)}.civ-spinner{width:40px;height:40px;border:3px solid rgba(255,204,0,.15);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}body.light-mode .civ-spinner{border-color:#e5091426;border-top-color:var(--color-primary)}@keyframes spin{to{transform:rotate(360deg)}}.civ-controls-bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem 1.5rem;background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:16px;margin-bottom:2.5rem}.civ-results-info{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--color-text-muted);flex:1;min-width:160px}.civ-results-info strong{color:var(--color-text)}.civ-btn-download{display:flex;align-items:center;gap:.5rem;background:var(--color-primary);border:none;color:#111;padding:.6rem 1.25rem;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}body.light-mode .civ-btn-download{color:#fff}.civ-btn-download:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fc03}.civ-clear-btn{display:flex;align-items:center;gap:.4rem;background:#e5091414;border:1px solid rgba(229,9,20,.2);color:#ef4444;padding:.55rem 1rem;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.civ-clear-btn:hover{background:#e5091426;transform:translateY(-1px)}.civ-results-area{margin-top:1rem;width:100%}.civ-analysis-section{margin-bottom:4rem;background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:20px;padding:2.5rem;box-shadow:0 10px 30px #0000001a}.civ-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.civ-section-header h2{margin:0;font-size:1.5rem;color:var(--color-text)}.civ-chart-container{background:var(--color-bg-light);border-radius:12px;padding:1.5rem;margin-bottom:2.5rem;border:1px solid var(--color-border);height:400px}body.light-mode .civ-chart-container{background:#fff}.civ-table-wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg-light)}body.light-mode .civ-table-wrapper{background:#fff}.civ-table{width:100%;border-collapse:collapse;font-size:.85rem;white-space:nowrap}.civ-table th,.civ-table td{padding:1rem;text-align:right;border-bottom:1px solid var(--color-border);color:var(--color-text-muted)}.civ-col-wrap{white-space:normal!important;min-width:150px;max-width:300px;word-break:break-word}.civ-table th{background:#0003;color:var(--color-text);font-weight:600;font-size:.8rem;letter-spacing:.5px;position:sticky;top:0;z-index:10}body.light-mode .civ-table th{background:#f8f9fa}.civ-table th:first-child,.civ-table td:first-child{text-align:left;font-weight:600;color:var(--color-text);position:sticky;left:0;background:var(--color-bg-card);z-index:20;border-right:1px solid var(--color-border)}body.light-mode .civ-table th:first-child,body.light-mode .civ-table td:first-child{background:#fff}.civ-table th:first-child{z-index:30}.civ-table tbody tr:hover{background:#ffffff08}body.light-mode .civ-table tbody tr:hover{background:#f8f9fa}.civ-table .table-row-total{font-weight:800;color:var(--color-text)}.civ-table .table-row-total td{background:#ffcc000d;border-bottom:none;color:var(--color-primary)}body.light-mode .civ-table .table-row-total td{background:#e509140d}.civ-table .table-row-total td:first-child{background:#ffcc0014}body.light-mode .civ-table .table-row-total td:first-child{background:#e5091414}.civ-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2.5rem}.civ-summary-card{background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:16px;padding:1.75rem 2rem;box-shadow:0 6px 20px #0000001f;transition:transform .2s,box-shadow .2s}.civ-summary-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0000002e}.civ-summary-card-label{font-size:.78rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.6rem}.civ-summary-card-value{font-size:2rem;font-weight:800;font-family:var(--font-heading);line-height:1.1;margin-bottom:.4rem}.civ-summary-card-value--bucket{font-size:1.6rem}.civ-summary-card--danger .civ-summary-card-value{color:#ef4444}.civ-summary-card--success .civ-summary-card-value{color:#22c55e}.civ-summary-card-sub{font-size:.82rem;color:var(--color-text-muted)}.civ-alert-banner{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.5rem;border-radius:12px;font-size:.88rem;font-weight:500;margin-bottom:1.5rem;line-height:1.55}.civ-alert-banner svg{flex-shrink:0;margin-top:2px}.civ-alert-banner--warning{background:#eab3081f;border:1px solid rgba(234,179,8,.35);color:#ca8a04}.civ-alert-banner--critical{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.civ-threshold-bar{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;padding:1rem 1.25rem;background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:12px;margin-bottom:1.5rem}.civ-threshold-label{font-size:.85rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap}.civ-threshold-input{width:100px;padding:.45rem .75rem;background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.88rem;outline:none;transition:border-color .2s}.civ-threshold-input:focus{border-color:var(--color-primary)}.civ-btn-flag{display:flex;align-items:center;gap:.4rem;background:#eab3081f;border:1px solid rgba(234,179,8,.35);color:#ca8a04;padding:.45rem 1rem;border-radius:8px;font-size:.83rem;font-weight:700;cursor:pointer;transition:all .2s}.civ-btn-flag:hover{background:#eab30838;transform:translateY(-1px)}.civ-btn-clear-flag{display:flex;align-items:center;gap:.4rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:.45rem .9rem;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.civ-btn-clear-flag:hover{background:#ef444426;transform:translateY(-1px)}.civ-table .table-row-flagged td{background:#ef444412;color:#ef4444!important}.civ-table .table-row-flagged td:first-child{background:#ef44441a;color:#ef4444}.civ-sub-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.civ-sub-section-header{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;font-size:.95rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.civ-badge{background:#ffffff14;border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:20px;padding:.15rem .65rem;font-size:.75rem;font-weight:700}.civ-badge--danger{background:#ef44441a;border-color:#ef444440;color:#ef4444}.civ-btn-sm{padding:.4rem .9rem;font-size:.78rem;margin-left:auto}.civ-collapsible{border:1px solid var(--color-border);border-radius:14px;overflow:hidden;margin-top:2rem;background:var(--color-bg-light)}.civ-collapsible-trigger{width:100%;display:flex;align-items:center;gap:.75rem;padding:1.1rem 1.5rem;background:transparent;border:none;cursor:pointer;color:var(--color-text);font-size:.95rem;font-weight:700;text-align:left;transition:background .2s}.civ-collapsible-trigger:hover{background:#ffffff08}.civ-collapsible-trigger svg:last-child{margin-left:auto}.civ-collapsible-body{padding:1.5rem;border-top:1px solid var(--color-border);animation:civFadeIn .2s ease}@keyframes civFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.civ-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem;border-bottom:1px solid var(--color-border);padding-bottom:0}.civ-tab{padding:.55rem 1.1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:-1px}.civ-tab:hover{color:var(--color-text)}.civ-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.civ-bid-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.civ-flat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-bottom:.75rem}.civ-flat-row{display:flex;flex-direction:column;gap:.3rem}.civ-flat-label{font-size:.78rem;font-weight:600;color:var(--color-text-muted)}.civ-bid-summary{margin-top:1rem;padding:.85rem 1.25rem;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:10px;font-size:.88rem;color:var(--color-text-muted)}.civ-wasted-stat{padding:.85rem 1.25rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:10px;font-size:.9rem;color:var(--color-text-muted);margin-bottom:.75rem}.civ-engine-desc{font-size:.88rem;color:var(--color-text-muted);line-height:1.65;margin:0 0 1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.civ-engine-helper{font-size:.82rem;color:var(--color-text-muted);line-height:1.6;margin:.5rem 0 0;font-style:italic}.civ-engine-example{font-size:.82rem;color:var(--color-text-muted);line-height:1.6;margin:.75rem 0 0;padding:.65rem 1rem;background:#ffcc000f;border:1px solid rgba(255,204,0,.15);border-radius:8px}body.light-mode .civ-engine-example{background:#e509140a;border-color:#e509141f}.civ-ptable-wrapper{margin-top:1rem;border:1px solid var(--color-border);border-radius:14px;overflow:hidden;background:var(--color-bg-light)}.civ-ptable-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem 1rem;border-bottom:1px solid var(--color-border);background:#00000014;flex-wrap:wrap}body.light-mode .civ-ptable-controls{background:#f4f4f5}.civ-ptable-count{font-size:.78rem;font-weight:600;color:var(--color-text-muted)}.civ-ptable-right{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.civ-ptable-perpage-label{font-size:.78rem;color:var(--color-text-muted);font-weight:600;white-space:nowrap}.civ-ptable-select{padding:.3rem .6rem;background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:7px;color:var(--color-text);font-size:.8rem;cursor:pointer;outline:none;transition:border-color .2s}.civ-ptable-select:focus{border-color:var(--color-primary)}.civ-ptable-header-filter{font-weight:400;padding:.35rem .6rem;font-size:.78rem;width:100%;max-width:180px;background:#0003;border:1px solid rgba(255,255,255,.1);color:var(--color-text)}body.light-mode .civ-ptable-header-filter{background:#fff;border:1px solid rgba(0,0,0,.15)}.civ-ptable-filter-input{padding:.38rem .65rem;background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:7px;color:var(--color-text);font-size:.82rem;outline:none;transition:border-color .2s;width:100%}.civ-ptable-filter-input:focus{border-color:var(--color-primary)}.civ-ptable-scroll{overflow-y:auto;overflow-x:auto}.civ-ptable-scroll::-webkit-scrollbar{width:6px;height:6px}.civ-ptable-scroll::-webkit-scrollbar-track{background:transparent}.civ-ptable-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}body.light-mode .civ-ptable-scroll::-webkit-scrollbar-thumb{background:#0000001f}.civ-ptable-pagination{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-top:1px solid var(--color-border);background:#0000000f;gap:.5rem}body.light-mode .civ-ptable-pagination{background:#f4f4f5}.civ-ptable-pager-info{font-size:.78rem;color:var(--color-text-muted);font-weight:600}.civ-ptable-pager-btns{display:flex;align-items:center;gap:.3rem}.civ-ptable-pager-btn{display:flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 .4rem;background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:7px;color:var(--color-text);font-size:.82rem;font-weight:700;cursor:pointer;transition:all .18s}.civ-ptable-pager-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:#ffcc000f}body.light-mode .civ-ptable-pager-btn:hover:not(:disabled){background:#e509140d}.civ-ptable-pager-btn:disabled{opacity:.3;cursor:not-allowed}