@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap";.line-chart-wrap{width:100%;overflow:hidden}.line-chart{display:block;width:100%;height:auto;min-height:220px;overflow:visible}.chart-grid-line{stroke:#e4ebe8;stroke-width:1}.chart-axis-label{fill:#87938f;font-size:11px;font-family:DM Sans,sans-serif}.chart-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-line.incoming{stroke:#67aa92}.chart-line.outgoing{stroke:#e8ae70}.chart-point{stroke:#fff;stroke-width:2}.chart-point.incoming{fill:#67aa92}.chart-point.outgoing{fill:#e8ae70}.year-filter{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;font-weight:700}.year-filter select{border:1px solid var(--line);border-radius:7px;padding:7px 26px 7px 9px;background:#fff;color:var(--ink);font-size:12px;font-weight:700}.dashboard-link{border:0;background:none;padding:0}.alert.error{display:flex;align-items:center;gap:8px}.chart-panel{min-width:0}@media(max-width:620px){.year-filter{width:100%;justify-content:space-between}.year-filter select{flex:1}.line-chart{min-width:560px}.line-chart-wrap{overflow-x:auto}.chart-panel .panel-head{width:100%}}.stat-card{position:relative;min-height:136px;align-items:flex-start;padding:20px 18px}.stat-card .stat-icon{position:absolute;top:18px;right:18px}.stat-card>div:last-child{padding-right:38px}.stat-card small{display:block;margin-top:6px}.stat-card:nth-child(2) small{color:#2877bd}.stat-card:nth-child(3) small{color:#c68500}.stat-card:nth-child(4) small{color:#d64b3d}.year-filter{background:#dceee8;border-radius:22px;padding:7px 12px;color:#168c43}.year-filter select{border:0;background:transparent;color:#168c43;padding:0;font-weight:700}.activity-list{gap:0}.activity{padding:12px 0;border-bottom:1px solid #dfe5e2}.activity:last-child{border-bottom:0}.activity-icon{width:40px;height:40px;border-radius:50%;background:#efb369;color:#18312d;flex:0 0 auto}.dashboard-add-button{padding-left:18px;padding-right:18px}@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}}.chart-grid-vertical{stroke:#e4ebe8;stroke-width:1}.chart-panel .line-chart-wrap{min-height:430px;display:flex;flex-direction:column;justify-content:space-between}.chart-panel .line-chart{min-height:370px}.activity:nth-child(2n) .activity-icon{background:#efb4e6;color:#7a3173}.activity:nth-child(3n) .activity-icon{background:#8370e8;color:#fff}.dashboard-grid{grid-template-columns:minmax(0,1.75fr) minmax(280px,.65fr)}.dashboard-add-choice{width:min(520px,100%)}.dashboard-add-choice>.muted{margin:0 0 18px}.dashboard-add-choice-grid{display:grid;gap:10px}.dashboard-add-choice-card{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);text-align:left;transition:.18s}.dashboard-add-choice-card:hover{transform:translateY(-1px);border-color:#aecac1;background:#f8fcfa}.dashboard-add-choice-card.incoming:hover{border-color:#b9dfd1}.dashboard-add-choice-card.outgoing:hover{border-color:#f1c995}.dashboard-add-choice-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:10px}.dashboard-add-choice-card.incoming .dashboard-add-choice-icon{background:#e1f1eb;color:#28715d}.dashboard-add-choice-card.outgoing .dashboard-add-choice-icon{background:#fff0de;color:#b16d39}.dashboard-add-choice-card strong,.dashboard-add-choice-card small{display:block}.dashboard-add-choice-card strong{font-size:13px}.dashboard-add-choice-card small{margin-top:4px;color:var(--muted);font-size:11px}.dashboard-add-choice-arrow{margin-left:auto;color:#91a09b;font-size:22px;line-height:1}.document-filters{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;padding:18px 20px;border-bottom:1px solid var(--line);background:#fbfdfc}.document-filters .field{min-width:0}.document-filters .filter-actions{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:end;gap:8px}.document-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.document-detail-action{background:#eef7ff;color:#2877bd;border:1px solid #d8eafa}.document-detail-action:hover{background:#e0f0ff;color:#1e649f}.document-download-action{background:var(--green);color:#fff;border:1px solid var(--green)}.document-download-action:hover{background:#17564d}.detail-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px;flex-wrap:wrap;margin-top:22px}.document-trash-action{background:#fff0f2;color:#c33f4b;border:1px solid #f8d8dc}.document-trash-action:hover{background:#ffe3e7;color:#a9303d}.category-field-row{display:flex;align-items:center;gap:8px}.category-field-row select{min-width:0;flex:1}.inline-category-button{flex-shrink:0;background:#eef7ff;color:#2877bd;border:1px solid #d8eafa;white-space:nowrap}.inline-category-button:hover{background:#e0f0ff;color:#1e649f}.category-inline-hint{display:block;color:#87938f;font-size:10px;font-weight:400}.upload-box{min-height:230px!important;align-items:stretch!important;justify-content:flex-start!important;padding:14px!important;gap:10px!important;text-align:left}.upload-file-preview{height:92px;border:1px solid #d7e9e1;border-radius:8px;overflow:hidden;background:#f8fcfa}.upload-file-preview iframe{display:block;width:100%;height:100%;border:0;pointer-events:none;background:#fff}.upload-file-placeholder{display:flex;align-items:center;justify-content:center;gap:8px;color:#6e9387;font-size:11px;text-align:center}.upload-file-info{display:flex;align-items:center;justify-content:space-between;gap:12px}.upload-file-info strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:12px}.upload-file-info small{flex-shrink:0;color:#6e9387;font-size:10px}.upload-change-button{align-self:flex-start;background:#e1f1eb;color:#28715d;border:1px solid #cce8dc}.upload-change-button:hover{background:#d3ebe1;color:#1e604f}.upload-hint{color:#89a49a;font-size:10px!important}.upload-box.has-file{border-color:#7ab49f;background:#f4fbf7}.upload-box.has-file .upload-file-preview{box-shadow:inset 0 0 0 1px #eef8f3}@media(max-width:900px){.document-filters{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media(max-width:620px){.document-filters{grid-template-columns:1fr;padding:14px}.document-filters .filter-actions{grid-column:auto;justify-content:stretch}.document-filters .filter-actions .btn{flex:1}.document-row-actions{align-items:stretch;flex-direction:column}.document-row-actions .btn{width:100%}.detail-actions{align-items:stretch;flex-direction:column}.detail-actions .btn,.detail-actions a{width:100%}.category-field-row{align-items:stretch;flex-direction:column}.category-field-row .btn{width:100%}.upload-file-info{align-items:flex-start;flex-direction:column;gap:3px}.upload-file-info small{flex-shrink:initial}.upload-change-button{align-self:stretch}}.document-filters{grid-template-columns:minmax(300px,1.65fr) minmax(180px,1fr) minmax(180px,1fr) auto;background:#eaf1ef;align-items:end}.date-filter-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.date-filter-inputs input{min-width:0}.search-submit{align-self:stretch;border:0;border-radius:0 7px 7px 0;background:var(--green);color:#fff;padding:0 18px;font-size:12px;font-weight:700}.search-submit:hover{background:#17564d}.search-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1100px){.document-filters{grid-template-columns:repeat(2,minmax(180px,1fr))}.document-filters .filter-actions{grid-column:1/-1;justify-content:flex-end}}@media(max-width:620px){.date-filter-inputs{grid-template-columns:1fr}.document-filters .filter-actions{grid-column:auto}}.document-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:stretch;gap:12px;flex-wrap:nowrap}.document-toolbar .search-box{min-width:0;max-width:none;width:100%}.document-toolbar .search-box input{min-width:0;flex:1}.document-toolbar>.btn{min-width:0;white-space:nowrap}.search-submit{flex:0 0 auto;white-space:nowrap}@media(max-width:900px){.document-toolbar{grid-template-columns:minmax(0,1fr) auto auto}.document-toolbar>.btn{padding-left:12px;padding-right:12px}}@media(max-width:720px){.document-toolbar{grid-template-columns:1fr 1fr}.document-toolbar .search-box{grid-column:1/-1}.document-toolbar>.btn{width:100%}}@media(max-width:420px){.document-toolbar{grid-template-columns:1fr}.document-toolbar .search-box{grid-column:auto}.document-toolbar>.btn{width:100%}}.document-toolbar .search-box{padding:0 0 0 12px;overflow:hidden}.document-toolbar .search-submit{height:calc(100% + 2px);margin:-1px -1px -1px 8px;border-radius:0 7px 7px 0}.modal:has(.upload-box){width:min(710px,100%)}.modal form:has(.upload-box):before{content:"!  Kolom yang memiliki tanda (*) wajib untuk diisi.";display:block;margin:-2px 0 24px;color:#ed2525;font-size:13px;font-weight:600}.upload-change-button{font-size:0}.upload-change-button:after{content:"Pilih file";font-size:12px}.upload-box.has-file .upload-change-button:after{content:"Ganti dokumen"}.documents-table{table-layout:fixed;min-width:980px}.documents-table .document-number-column{width:18%}.documents-table .document-date-column{width:12%}.documents-table .document-party-column{width:18%}.documents-table .document-subject-column{width:25%}.documents-table .document-action-column{width:190px}.documents-table th,.documents-table td{overflow:hidden;text-overflow:ellipsis}.documents-table td strong,.documents-table td small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.documents-table .subject-cell,.documents-table .document-party-cell,.documents-table .document-category-cell{white-space:normal;overflow-wrap:anywhere}.documents-table .subject-cell{max-width:none}.documents-table .document-category-cell{overflow:visible;text-overflow:clip}.documents-table .document-category-cell .badge{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.documents-table .document-action-cell{overflow:visible;text-overflow:clip;white-space:nowrap}.document-row-actions{flex-wrap:nowrap;white-space:nowrap}.document-row-actions .btn{flex:0 0 auto;white-space:nowrap}@media(max-width:620px){.documents-table{min-width:760px}.document-row-actions{align-items:stretch;flex-direction:column;white-space:normal}.document-row-actions .btn{width:100%}}.documents-table{min-width:0}.documents-table .document-number-column{width:19%}.documents-table .document-date-column{width:11%}.documents-table .document-party-column{width:15%}.documents-table .document-subject-column{width:20%}.documents-table .document-category-column{width:13%}.documents-table .document-action-column{width:22%}.documents-table .document-action-cell{padding-left:12px;padding-right:12px}.documents-table .document-row-actions{gap:5px}.documents-table .document-row-actions .btn.small{padding-left:7px;padding-right:7px;gap:5px;font-size:11px}@media(max-width:900px)and (min-width:621px){.documents-table{min-width:0}.documents-table th,.documents-table td{padding-left:12px;padding-right:12px}.documents-table .document-action-column{width:23%}.documents-table .document-row-actions{flex-wrap:wrap}.documents-table .document-row-actions .btn.small{padding-left:6px;padding-right:6px}}@media(max-width:620px){.documents-table{min-width:760px}}.documents-table .document-category-cell .badge{display:inline-block;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.35;vertical-align:middle}.documents-table .document-subject-column{width:22%}.documents-table .document-action-column{width:20%}.documents-table .document-action-cell{text-align:right}.documents-table .document-row-actions{justify-content:flex-end}.category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.category-tab{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:10px 13px;background:#fff;color:#71807d;font-size:12px;font-weight:700}.category-tab:hover{border-color:#b9d8cd;background:#f7fcfa;color:#28715d}.category-tab.active{border-color:#a9d1c1;background:#e1f1eb;color:#28715d;box-shadow:0 2px 7px #0c3b3610}.category-tab span{display:inline-grid;place-items:center;min-width:21px;height:21px;border-radius:11px;background:#edf3f0;color:#71807d;font-size:10px}.category-tab.active span{background:#fff;color:#28715d}.category-card{border-top:3px solid transparent!important;position:relative;min-height:145px}.category-card.inactive{opacity:.72}.category-card-content{min-width:0;flex:1}.category-card-content strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-card-content p{min-height:34px}.category-card-footer{display:flex;align-items:center;gap:8px;margin-top:12px}.category-color-code{font-size:10px;color:#8a9793;font-family:monospace}.category-status-action{color:#c33f4b}.category-status-action.active{color:#b16d39}.category-status-action:hover{background:#fff0f2;color:#a9303d}.category-color-input{display:flex;align-items:center;gap:9px}.category-color-input input[type=color]{width:45px;height:38px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}.category-color-input input[type=text],.category-color-input input:not([type]){flex:1}.category-color-input input[type=text]{text-transform:uppercase}.category-color-input+small{color:var(--muted)}@media(max-width:620px){.category-tabs{display:grid;grid-template-columns:1fr}.category-tab{justify-content:center}.category-grid{grid-template-columns:1fr}.category-color-input{align-items:stretch}.category-color-input input[type=color]{height:42px}}.category-card-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.category-permanent-action{color:#c33f4b}.category-permanent-action:hover:not(:disabled){background:#fff0f2;color:#a9303d}.category-permanent-action:disabled{opacity:.35;cursor:not-allowed}.category-permanent-confirm{background:#fff0f2;color:#c33f4b;border:1px solid #f8d8dc}.category-permanent-confirm:hover:not(:disabled){background:#ffe3e7;color:#a9303d}@media(max-width:620px){.category-card-actions{margin-left:0;margin-top:8px}}.category-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));min-width:0}.category-card{width:100%;min-width:0;max-width:100%;overflow:hidden;flex-wrap:nowrap}.category-icon{flex:0 0 34px}.category-card-content{min-width:0;max-width:100%;overflow:hidden}.category-card-content p{overflow-wrap:anywhere;word-break:break-word}.category-card-actions{flex:0 0 auto;min-width:0}.category-color-code{max-width:100%;overflow-wrap:anywhere}@media(max-width:620px){.category-card{flex-wrap:wrap}.category-card-content{flex:1 1 calc(100% - 50px)}.category-card-actions{width:100%;justify-content:flex-end;margin-left:0;margin-top:8px}}.trash-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line);background:#fbfdfc}.trash-tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.trash-tab{display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:8px;padding:8px 11px;background:transparent;color:#71807d;font-size:12px;font-weight:700}.trash-tab:hover{background:#eef7f3;color:#28715d}.trash-tab.active{background:#e1f1eb;color:#28715d;border-color:#cce8dc}.trash-tab span{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:#fff;color:#71807d;font-size:10px}.trash-tab.active span{background:#fff;color:#28715d}.trash-search{height:36px;display:flex;align-items:center;gap:8px;width:min(270px,100%);padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#91a09b}.trash-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.trash-direction{display:inline-flex;align-items:center;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700;white-space:nowrap}.trash-direction.incoming{background:#e1f1eb;color:#28715d}.trash-direction.outgoing{background:#fff0de;color:#b16d39}.trash-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn.restore-action{background:#e8f3ff;color:#2877bd;border:1px solid #d4e9fb}.btn.restore-action:hover{background:#d9ecfc;color:#1e649f}.btn.permanent-action{background:#fff0f2;color:#c33f4b;border:1px solid #f8d8dc}.btn.permanent-action:hover{background:#ffe3e7;color:#a9303d}@media(max-width:760px){.trash-toolbar{align-items:stretch;flex-direction:column}.trash-search{width:100%}}@media(max-width:620px){.trash-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}.trash-tab:first-child{grid-column:1/-1}.trash-tab{justify-content:center}.trash-actions{align-items:stretch;flex-direction:column;gap:8px}.trash-actions .btn{width:100%}}.trash-pagination{margin:16px 20px 0;padding-top:15px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.trash-pagination label{display:flex;align-items:center;gap:6px}.trash-pagination select{border:1px solid var(--line);border-radius:7px;padding:6px 8px;background:#fff;color:var(--ink);font-size:11px}.trash-pagination .icon-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:620px){.trash-pagination{align-items:stretch;flex-direction:column;margin-left:14px;margin-right:14px}.trash-pagination>div{width:100%;flex-wrap:wrap}.trash-pagination>div>span{margin-right:auto}}:root{font-family:DM Sans,sans-serif;color:#18312d;background:#f6f8f7;font-synthesis:none;--ink:#18312d;--muted:#71807d;--line:#e4ebe8;--green:#0c3b36;--mint:#e1f1eb;--orange:#ed9b53}*{box-sizing:border-box}body{margin:0;background:#f6f8f7;color:var(--ink)}button,input,select,textarea{font:inherit}button,a{cursor:pointer}a{text-decoration:none;color:inherit}.splash,.loader{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--green);font-weight:600}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#f8faf9}.login-art{background:var(--green);color:#fff;padding:11vh 10vw 8vh 11vw;position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-180px;bottom:-130px;box-shadow:0 0 0 38px #ffffff08,0 0 0 80px #ffffff06}.brand-mark{height:58px;width:58px;border-radius:18px;background:#e8b870;color:var(--green);display:grid;place-items:center;margin-bottom:82px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:#8a9996;margin:0 0 10px}.login-art .eyebrow{color:#b6cec7}.login-art h1{font-family:Playfair Display,serif;font-size:clamp(42px,5vw,72px);line-height:1.02;margin:0 0 24px;letter-spacing:-.04em}.login-art h1 em{color:#e8b870;font-style:italic}.muted{color:var(--muted);font-size:14px;line-height:1.55}.light{color:#b6cec7;max-width:370px}.login-points{display:grid;gap:15px;margin-top:62px;color:#d7e5e0;font-size:14px}.login-points span{display:flex;gap:12px;align-items:center}.login-card{align-self:center;justify-self:center;width:min(390px,78%);display:grid;gap:23px}.login-card h2{font-size:28px;letter-spacing:-.03em;margin:0 0 8px}.login-card .muted{margin:0}.login-card label,.field{display:grid;gap:8px;font-size:13px;font-weight:700;color:#35514c}.login-card input,.field input,.field select,.field textarea,.toolbar select{border:1px solid var(--line);background:#fff;border-radius:9px;padding:12px 13px;outline:none;color:var(--ink);font-size:14px}.login-card input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#74a79b;box-shadow:0 0 0 3px #dff0eb}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:11px 15px;font-weight:700;font-size:13px;transition:.18s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.primary{background:var(--green);color:#fff;box-shadow:0 3px 8px #0c3b3624}.btn.primary:hover{background:#17564d;transform:translateY(-1px)}.btn.ghost{background:#fff;border:1px solid var(--line);color:#44605b}.btn.ghost:hover{border-color:#aecac1;background:#f8fcfa}.btn.small{padding:7px 10px;font-size:12px}.wide{width:100%;padding:14px}.center{text-align:center}.alert{padding:12px 13px;border-radius:8px;font-size:13px}.alert.error{background:#fff0ef;color:#af443b;border:1px solid #f4d3d0}.alert.info{background:#eef7f3;color:#28715d;border:1px solid #cce8dc}.app-shell{min-height:100vh;display:flex}.sidebar{width:250px;background:var(--green);color:#c4d7d2;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:26px 15px;z-index:10}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 12px 34px;color:#fff}.sidebar-brand strong{display:block;font-size:13px;letter-spacing:.08em}.sidebar-brand small{display:block;color:#9dbab3;font-size:11px;margin-top:3px}.brand-mini{width:34px;height:34px;background:#e8b870;color:var(--green);display:grid;place-items:center;border-radius:10px}.nav-label{font-size:9px;letter-spacing:.18em;color:#668d84;font-weight:700;padding:0 13px;margin:18px 0 8px}.nav-item{height:42px;border-radius:8px;display:flex;align-items:center;gap:12px;padding:0 13px;color:#a9c3bc;font-size:13px;margin:3px 0}.nav-item svg:last-child{margin-left:auto}.nav-item:hover,.nav-item.active{background:#174e47;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #e8b870}.sidebar-bottom{margin-top:auto;border-top:1px solid #27564f;padding:19px 8px 0}.profile{display:flex;align-items:center;gap:10px;padding:0 4px 16px}.profile strong{display:block;color:#fff;font-size:12px}.profile small{display:block;font-size:10px;color:#8eaba4;margin-top:3px}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#dfb16f;color:var(--green);font-weight:800;font-size:13px}.logout{width:100%;border:0;background:transparent;color:#aac4bd;display:flex;align-items:center;gap:9px;padding:10px 4px;font-size:12px}.logout:hover{color:#fff}.main-area{margin-left:250px;width:calc(100% - 250px)}.topbar{height:92px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;z-index:5}.topbar h3{margin:0;font-size:16px}.top-actions{display:flex;align-items:center;gap:21px}.network{font-size:11px;color:#74827f;display:flex;gap:7px;align-items:center}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#53b27d;box-shadow:0 0 0 4px #e0f3e7}.content{padding:38px 5vw 70px;max-width:1450px}.mobile-top{display:none}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:31px}.page-title h1{font-size:31px;letter-spacing:-.04em;margin:0 0 6px}.page-title .muted{margin:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:19px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;gap:15px;align-items:center}.stat-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center}.stat-icon svg{width:19px}.stat-icon.green{background:#e2f1eb;color:#2c806a}.stat-icon.blue{background:#e4edf7;color:#4d78a6}.stat-icon.orange{background:#fff0df;color:#bd7540}.stat-icon.red{background:#fcedec;color:#bb5c55}.stat-card p{font-size:11px;color:#788680;margin:0 0 5px}.stat-card h2{font-size:26px;letter-spacing:-.04em;margin:0}.stat-card small{font-size:10px;color:#3d9b72}.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:19px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:22px}.panel h4{font-size:15px;margin:0 0 5px}.panel-head .muted{font-size:12px;margin:0}.badge{font-size:10px;padding:5px 9px;border-radius:20px;display:inline-flex;align-items:center;white-space:nowrap;font-weight:700}.badge.neutral{background:#eef3f1;color:#657572}.badge.success{background:#e4f5ec;color:#318061}.badge.danger{background:#ffebe9;color:#af534d}.bars{height:210px;display:flex;align-items:flex-end;justify-content:center;gap:95px;border-bottom:1px solid var(--line);padding:0 30px 32px}.bar-group{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bar{width:64px;border-radius:8px 8px 2px 2px;min-height:18px}.bar.incoming{background:#67aa92}.bar.outgoing{background:#e8ae70}.bar-group span{font-size:11px;color:#76837f}.bar-group strong{font-size:14px}.legend{display:flex;gap:20px;margin-top:17px;font-size:11px;color:#71807d}.legend span{display:flex;align-items:center;gap:7px}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.legend-dot.green{background:#67aa92}.legend-dot.orange{background:#e8ae70}.activity-list{display:grid;gap:15px}.activity{display:flex;gap:11px;align-items:flex-start}.activity-icon{height:28px;width:28px;display:grid;place-items:center;background:#edf5f2;color:#4f8c7a;border-radius:8px}.activity strong{font-size:12px;display:block}.activity p{font-size:10px;color:#8a9793;margin:4px 0 0}.text-link{color:#478d78;font-size:11px;font-weight:700}.table-panel{padding:0;overflow:hidden}.toolbar{padding:18px 20px;display:flex;gap:10px;border-bottom:1px solid var(--line);align-items:center}.search-box{height:38px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 12px;flex:1;max-width:410px;color:#91a09b}.search-box input{border:0;outline:0;width:100%;font-size:12px;color:var(--ink)}.toolbar select{padding:9px 11px;font-size:12px;min-width:145px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#91a09b;font-weight:700;font-size:10px;letter-spacing:.04em;text-transform:uppercase;background:#fcfdfd}th,td{padding:14px 20px;border-bottom:1px solid #edf1ef;white-space:nowrap}td strong,td small{display:block}td small{font-size:10px;color:#98a39f;margin-top:4px}.subject-cell{white-space:normal;max-width:230px}.row-actions{display:flex;gap:5px}.icon-btn{width:31px;height:31px;border:1px solid transparent;background:transparent;color:#83928e;border-radius:7px;display:inline-grid;place-items:center}.icon-btn:hover{background:#edf5f2;color:#327864}.table-foot{padding:13px 20px;color:#8a9793;font-size:11px}.empty{padding:55px 20px;display:flex;align-items:center;flex-direction:column;gap:13px;color:#82908c;font-size:13px}.empty-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#edf5f2;color:#5d9b87;margin-bottom:2px}.empty .btn{margin-top:3px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d302b70;z-index:20;display:grid;place-items:center;padding:20px}.modal{width:min(680px,100%);max-height:92vh;overflow:auto;background:#f9fbfa;border-radius:14px;box-shadow:0 20px 70px #0b312c30;padding:25px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.modal-head h3{margin:0;font-size:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field.wide{grid-column:1/-1}.upload-box{margin-top:18px;border:1.5px dashed #b4d6c9;border-radius:10px;background:#f0f8f4;min-height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#49816e;font-size:12px;position:relative}.upload-box small{font-size:10px;color:#89a49a}.upload-box input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.detail-head{border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:17px}.detail-head h2{font-size:22px;margin:11px 0 4px}.direction-chip{font-size:10px;border-radius:20px;padding:5px 9px;font-weight:700}.direction-chip.incoming{background:#e1f1eb;color:#318061}.direction-chip.outgoing{background:#fff0de;color:#b16d39}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-grid small{display:block;color:#87938f;font-size:10px;margin-bottom:5px}.detail-grid strong{font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:17px;display:flex;align-items:flex-start;gap:12px}.category-card>span{margin-left:auto}.category-icon{background:#edf5f2;color:#4c907a;border-radius:8px;width:34px;height:34px;display:grid;place-items:center}.category-card strong{font-size:13px}.category-card p{font-size:11px;color:#87938f;margin:5px 0 0}.category-card .badge{margin-top:2px}.loader{min-height:200px}.splash{flex-direction:column}@media(max-width:900px){.app-shell{display:block}.sidebar{transform:translate(-100%);transition:.2s}.sidebar.open{transform:translate(0)}.main-area{margin-left:0;width:100%}.mobile-top{display:flex;height:58px;align-items:center;gap:12px;padding:0 18px;background:var(--green);color:#fff}.mobile-top .icon-btn{color:#fff}.topbar{height:78px;padding:0 24px}.content{padding:28px 24px}.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.login-page{display:block}.login-art{padding:35px 28px 42px}.brand-mark{margin-bottom:45px}.login-art h1{font-size:48px}.login-points{margin-top:35px;gap:11px}.login-card{width:auto;padding:42px 28px}.top-actions .network{display:none}.topbar{padding:0 18px}.content{padding:25px 15px}.page-title{align-items:flex-start;flex-direction:column;margin-bottom:22px}.page-title h1{font-size:27px}.page-title .btn{width:100%}.stat-grid{gap:9px}.stat-card{padding:14px 11px;gap:9px}.stat-icon{width:32px;height:32px}.stat-icon svg{width:16px}.stat-card p{font-size:9px}.stat-card h2{font-size:21px}.toolbar{flex-wrap:wrap;padding:13px}.search-box{max-width:none;flex-basis:100%}.toolbar select,.toolbar .btn{flex:1}.panel{padding:16px}.bars{gap:55px;padding-left:0;padding-right:0}.bar{width:48px}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.modal{padding:18px}.detail-grid,.category-grid{grid-template-columns:1fr}.network{display:none}}.advanced-filters{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:14px;padding:18px 20px;border-bottom:1px solid var(--line);background:#fbfdfc}.advanced-filters .field{min-width:0}.filter-actions{display:flex;align-items:end;justify-content:flex-end;gap:8px;grid-column:1/-1}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px}.pagination>div{display:flex;align-items:center;gap:8px}.pagination select{border:1px solid var(--line);border-radius:7px;padding:7px 8px;background:#fff;color:var(--ink);font-size:11px}.pagination .icon-btn:disabled{opacity:.4;cursor:not-allowed}.document-toolbar{flex-wrap:wrap}.document-toolbar .search-box{min-width:220px}@media(max-width:900px){.advanced-filters{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media(max-width:620px){.advanced-filters{grid-template-columns:1fr;padding:14px}.filter-actions{grid-column:auto;justify-content:stretch}.filter-actions .btn{flex:1}.pagination{align-items:flex-start;flex-direction:column}.pagination>div{width:100%;justify-content:space-between}.document-toolbar .btn{flex:initial}}.role-panel{margin-top:18px}.role-list{display:grid;gap:10px}.role-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.role-row:last-child{border-bottom:0}.role-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.checkbox-field{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);margin-top:17px}.checkbox-field input,.permission-item input{accent-color:var(--green)}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:52vh;overflow:auto}.permission-item{display:flex;align-items:flex-start;gap:9px;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fff}.permission-item strong{display:block;font-size:12px}.permission-item small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.role-panel .panel-head svg{color:#49816e}@media(max-width:620px){.permission-grid{grid-template-columns:1fr}.role-row{align-items:flex-start;flex-direction:column}.role-row .btn{width:100%}}@media(max-width:620px){.report-panel .panel-head{padding:16px 16px 0;align-items:flex-start;flex-direction:column}.report-panel .panel-head .btn{width:100%}.report-empty{padding-left:16px;padding-right:16px}}.report-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.report-filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;align-items:end}.report-filters .btn{height:42px}.report-panel .panel-head{padding:23px 23px 0;margin-bottom:22px}.report-panel .panel-head .btn{flex-shrink:0}.report-empty{min-height:140px;padding-left:23px;padding-right:23px}@media(max-width:900px){.report-filters{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media(max-width:620px){.report-tabs{display:grid;grid-template-columns:1fr}.report-tabs .btn{width:100%}.report-filters{display:flex;flex-direction:column;align-items:stretch}.report-filters .field,.report-filters .btn{width:100%}.report-panel .panel-head{padding:16px 16px 0;align-items:flex-start;flex-direction:column}.report-panel .panel-head .btn{width:100%}.report-empty{padding-left:16px;padding-right:16px}}.activity-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px}.activity-pagination>div{display:flex;gap:8px}@media(max-width:620px){.activity-pagination{align-items:stretch;flex-direction:column}.activity-pagination>div{display:grid;grid-template-columns:1fr 1fr}.activity-pagination .btn{width:100%}}.activity-filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));align-items:end}.activity-filters .btn{height:42px}@media(max-width:900px){.activity-filters{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media(max-width:620px){.activity-filters{display:flex;flex-direction:column;align-items:stretch}.activity-filters .field,.activity-filters .btn{width:100%}}.role-row-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.status-hint{display:block;margin-top:7px;color:var(--muted);font-size:11px;line-height:1.45}.checkbox-field input:disabled{cursor:not-allowed;opacity:.6}.field select:disabled{cursor:not-allowed;opacity:.65}.register-filters{grid-template-columns:minmax(220px,2fr) minmax(220px,1.4fr) minmax(160px,1fr) minmax(180px,1fr);align-items:end}.report-search-box{height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted)}.report-search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.report-date-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.report-date-inputs input{min-width:0}.register-filter-actions{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:8px}.report-panel .panel-head{margin-bottom:0}@media(max-width:1100px){.register-filters{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media(max-width:620px){.register-filters,.report-date-inputs{grid-template-columns:1fr}.register-filter-actions{align-items:stretch;flex-direction:column}.register-filter-actions .btn{width:100%}}.brand-logo{display:block;width:100%;height:100%;object-fit:contain}.splash-logo{width:42px;height:42px;object-fit:contain}.mobile-brand{display:flex;align-items:center;gap:8px}.mobile-brand img{width:26px;height:26px;object-fit:contain}.brand-mark,.brand-mini{background:transparent}.password-input{position:relative;display:block}.password-input input{width:100%;padding-right:45px}.password-toggle{position:absolute;top:50%;right:5px;display:grid;place-items:center;width:34px;height:34px;transform:translateY(-50%);border:0;border-radius:7px;background:transparent;color:var(--muted);padding:0}.password-toggle:hover{background:#eef7f3;color:var(--green)}.password-toggle:focus-visible{outline:2px solid #74a79b;outline-offset:1px}