*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:#e4eaf2;min-height:100vh;margin:0;padding:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,Helvetica,sans-serif;font-size:16px}#app{background:#fff;border:1px solid #dfe4ec;border-radius:22px;width:100%;min-height:calc(100vh - 24px);overflow:hidden}@media (width>=1920px){body{font-size:18px}}.page-header{justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex}.container-title{align-items:center;gap:clamp(8px,2vw,24px);display:flex}.logo-header{width:clamp(70px,8vw,160px);height:auto;display:block}.title-header{letter-spacing:0;color:#1d2430;margin:0;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:700;line-height:1.2;transform:translateY(-1px)}.button-link{color:#1d2430;background-color:#fff;border:1px solid #dfe4ec;border-radius:24px;justify-content:center;align-items:center;min-height:36px;max-height:36px;padding:0 clamp(12px,2vw,28px);font-size:clamp(.85rem,2vw,1rem);font-weight:600;text-decoration:none;display:inline-flex}.button-link:hover{border-color:#b8c2d1}.status-report{text-align:center;background-color:#ff950092;justify-content:center;align-items:center;width:100%;min-height:64px;padding:10px 18px;display:flex}.status-report-content{white-space:normal;width:100%;line-height:1.25}.filter-form{background:var(--surface);border-bottom:1px solid #7d838dbc;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));align-items:stretch;gap:14px;padding:18px clamp(16px,3vw,28px);display:grid}.title-filters{color:#687385;letter-spacing:0;align-items:center;margin:0;padding:0;font-size:clamp(.85rem,2vw,1rem);font-weight:600;line-height:1.2;display:flex}.filter-group,.date-filter{color:#1d2430;flex-direction:column;gap:8px;font-size:clamp(.85rem,2vw,1rem);font-weight:500;display:flex}.date-select{width:100%;min-height:40px;color:var(--foreground);text-align:left;appearance:none;background:linear-gradient(45deg,#0000 50%,#7b8494 50%) calc(100% - 18px) 17px/5px 5px no-repeat,linear-gradient(135deg,#7b8494 50%,#0000 50%) calc(100% - 13px) 17px/5px 5px no-repeat,#fff;border:1px solid #cfd6e2;border-radius:12px;outline:none;justify-content:flex-start;padding:0 34px 0 12px;font-size:clamp(.85rem,2vw,1rem);line-height:1.2}select option{color:#1d2430;background-color:#fff;border-radius:5px;padding:8px;font-size:.9rem}.date-filter input[type=date]{background-color:#fff;border:1px solid #dfe4ec;border-radius:16px;padding:8px 12px;font-size:clamp(.85rem,2vw,1rem)}.range-dates{flex-wrap:wrap;gap:8px;display:flex}.range-dates input{flex:1;min-width:120px}.dropdown{width:100%;position:relative}.dropdown-btn{text-align:left;cursor:pointer;color:#1d2430;background:linear-gradient(45deg,#0000 50%,#7b8494 50%) calc(100% - 18px) 17px/5px 5px no-repeat,linear-gradient(135deg,#7b8494 50%,#0000 50%) calc(100% - 13px) 17px/5px 5px no-repeat,#fff;border:1px solid #dfe4ec;border-radius:16px;width:100%;padding:10px 34px 10px 12px;font-size:clamp(.85rem,2vw,1rem);transition:all .2s}.dropdown-content{z-index:100;background:#fff;border:1px solid #dfe4ec;border-radius:16px;width:100%;padding:12px;display:none;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 12px #0000000d}.dropdown-content.show{display:block}.checkbox-item{align-items:center;gap:8px;margin-bottom:15px;font-size:clamp(.85rem,2vw,1rem);display:flex}.checkbox-item:last-of-type{margin-bottom:12px}.reset-btn{color:#06c;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:.85rem}.checkbox-group{background-color:#fff;border:1px solid #dfe4ec;border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex}.checkbox-group .checkbox-item{margin-bottom:0}.form-buttons{flex-wrap:wrap;gap:16px;margin-top:8px;display:flex}.form-buttons button{cursor:pointer;background-color:#fff;border:1px solid #dfe4ec;border-radius:32px;padding:10px 24px;font-size:clamp(.85rem,2vw,1rem);font-weight:600;transition:all .2s}.form-buttons button:first-child{color:#fff;background-color:#1d2430;border:none}.form-buttons button:first-child:hover{background-color:#2c3545}.form-buttons button:last-child:hover{background-color:#f8fafc;border-color:#b8c2d1}.date-option{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;width:100%;padding:10px 12px;font-size:clamp(.85rem,2vw,1rem);transition:all .1s}.date-option:hover{background-color:#f0f2f5}.dropdown-content{border-radius:16px}.form-buttons-report{grid-column:span 2;justify-content:flex-start;align-self:end;align-items:center;gap:14px;padding:0;display:flex}.btn-primary{color:#080404;white-space:nowrap;background-color:#ff950092;border:none;border-radius:10px;outline:none;flex:1 1 0;min-width:clamp(140px,18vw,220px);height:clamp(34px,4.5vh,42px);font-size:clamp(.85rem,2vw,1rem);font-weight:500}.btn-secondary{color:#090303;white-space:nowrap;background-color:#6b9c1c6d;border:none;border-radius:10px;outline:none;flex:1 1 0;min-width:clamp(140px,18vw,220px);height:clamp(34px,4.5vh,42px);font-size:clamp(.85rem,2vw,1rem);font-weight:500}@media (width<=900px){.form-buttons-report{grid-column:1/-1}}.btn-primary:hover{background-color:#f8a42f92}.btn-secondary:hover{background-color:#84c41f6d}.container-for-report{border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:420px;margin:20px 16px;padding:14px;display:flex;overflow:hidden}.container-for-report.has-report-content{justify-content:flex-start;min-height:0}.report-empty-state{color:#687385;background:#f8fafc;border:1px solid #dfe4ec;border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:72px;font-size:.95rem;display:flex}.report-view{flex-direction:column;gap:12px;width:100%;display:flex}.report-pagination{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;display:flex}.report-pagination-bottom{justify-content:flex-end;padding-top:2px}.page-size-control,.page-navigation{color:#687385;align-items:center;gap:10px;font-size:.85rem;font-weight:600;display:inline-flex}.page-size-select{color:#1d2430;background:#fff;border:1px solid #dfe4ec;border-radius:10px;min-height:34px;padding:0 10px;font-size:.9rem}.page-nav-btn{color:#1d2430;cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:18px;min-height:34px;padding:0 14px;font-size:.9rem}.page-nav-btn:disabled{color:#9aa4b2;cursor:not-allowed;background:#f5f7fa}.page-range{color:#1d2430;white-space:nowrap}.report-help-text{color:#687385;text-align:center;font-size:.9rem}.report-table{table-layout:fixed;border-collapse:collapse;background:#fff;border-radius:16px;width:100%;font-size:.85rem;overflow:hidden;box-shadow:0 1px 2px #00000008}.report-table th,.report-table td{text-align:left;overflow-wrap:anywhere;vertical-align:middle;border-bottom:1px solid #dfe4ec;padding:12px 16px}.report-table th{color:#1d2430;-webkit-user-select:none;user-select:none;background-color:#f8fafc;padding:0;font-weight:600;position:relative}.report-table-header{justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:12px 10px 12px 16px;display:flex}.column-resizer{cursor:col-resize;background:0 0;border:0;border-right:2px solid #0000;align-self:stretch;width:10px;min-width:10px;padding:0}.column-resizer:hover,.column-resizer:focus-visible,.is-resizing-column .column-resizer{border-right-color:#7b8494}.is-resizing-column{cursor:col-resize;-webkit-user-select:none;user-select:none}.report-table tr:hover td{background-color:#f8fafc}.report-table tbody tr:nth-child(2n) td{background-color:#f6f8fb}.report-table tbody tr:nth-child(2n):hover td{background-color:#eef3f8}.report-table tr:last-child td{border-bottom:none}@media (width<=768px){.report-table th,.report-table td{padding:8px 12px;font-size:.75rem}}.column-filter{margin:16px 30px 0}.column-filter .dropdown-content{box-shadow:none;background:#f8fafc;border:1px solid #dfe4ec;border-radius:14px;flex-wrap:nowrap;justify-content:space-between;gap:8px;margin-bottom:0;padding:8px 10px;display:flex;position:static;overflow-x:auto}.column-filter .checkbox-item{cursor:pointer;color:#1d2430;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex:1 1 0;justify-content:center;align-items:center;gap:5px;min-width:max-content;margin:0;padding:3px 8px;font-size:.78rem;transition:all .1s;display:inline-flex}.column-filter .checkbox-item:hover{background:#f1f5f9;border-color:#cbd5e1}.column-filter input[type=checkbox]{cursor:pointer;margin:0}