@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--primary:#3d6b4f;--primary-hover:#2e5440;--primary-light:#ebf4ee;--primary-mid:#6b9e7e;--bg-gradient:linear-gradient(135deg, #eff5f1 0%, #e4eee8 50%, #dce9e1 100%);--surface:#ffffffeb;--surface-opaque:#fff;--text-main:#1c2d22;--text-muted:#5a7266;--border:#64967333;--success:#2e7d53;--warning:#c47d11;--danger:#c0392b;--sage-100:#ebf4ee;--sage-200:#d3e8da;--sage-300:#a8ceb4;--sage-400:#6b9e7e;--sage-500:#3d6b4f;--sage-600:#2e5440;--sage-700:#1e3829}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Plus Jakarta Sans,Inter,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.layout-wrapper{background:var(--bg-gradient);min-height:100vh;display:flex}.sidebar{background:linear-gradient(#2e5440 0%,#1e3829 100%);border-right:none;flex-direction:column;flex-shrink:0;width:265px;transition:width .3s;display:flex;position:relative;box-shadow:4px 0 20px #1e382926}.sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex;overflow:hidden}.brand-icon{color:#a8ceb4;background:#ffffff26;border-radius:.5rem;padding:.5rem}.brand-icon-only{text-align:center;color:#a8ceb4;width:100%}.brand-title{color:#fff;font-size:1.1rem;font-weight:700;line-height:1.2}.brand-subtitle{color:#a8ceb4;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.collapse-btn{color:#a8ceb4;cursor:pointer;z-index:10;background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:1.5rem;right:-14px}.collapse-btn:hover{background:#ffffff40}.sidebar-menu{flex-direction:column;flex:1;gap:.3rem;padding:1.2rem .75rem;display:flex;overflow-y:auto}.menu-label{color:#6b9e7e;letter-spacing:.08em;margin-bottom:.5rem;padding-left:.75rem;font-size:.65rem;font-weight:700}.menu-item{color:#c8ddd0;cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.7rem 1rem;font-size:.92rem;font-weight:500;transition:all .2s;display:flex;overflow:hidden}.menu-item:hover{color:#fff;background:#ffffff1a}.menu-item.active{color:#fff;background:#ffffff2e;border-left:3px solid #a8ceb4;font-weight:700}.sidebar.collapsed .menu-item{border-left:none;justify-content:center;padding:.75rem 0}.sidebar-footer{border-top:1px solid #ffffff1a;padding:1.2rem .75rem}.user-profile{align-items:center;gap:.75rem;padding:0 .25rem;display:flex;overflow:hidden}.avatar{color:#a8ceb4;background:#a8ceb44d;border:2px solid #a8ceb480;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;font-weight:700;display:flex}.user-info{white-space:nowrap}.user-name{color:#fff;font-size:.9rem;font-weight:700}.user-role{color:#a8ceb4;text-transform:capitalize;font-size:.72rem}.logout-btn{color:#f1948a;cursor:pointer;background:#c0392b26;border:1px solid #c0392b66;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.6rem;font-family:Plus Jakarta Sans,Inter,sans-serif;font-weight:600;transition:all .2s;display:flex}.logout-btn:hover{color:#fff;background:#c0392b4d}.main-content{flex:1;height:100vh;padding:2rem 3rem;overflow-y:auto}.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex}.page-header h1{color:var(--text-main);margin-bottom:.2rem;font-size:1.7rem;font-weight:700}.text-muted{color:var(--text-muted)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-primary{color:var(--primary)}.text-warning{color:var(--warning)}.mb-2{margin-bottom:.5rem}.p-4{padding:1rem}.glass-card{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:.875rem;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 2px 8px #1e38290f,0 8px 24px #1e382914}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{border-left:4px solid var(--primary);background:#fff;border-radius:.875rem;flex-direction:column;padding:1.5rem;display:flex;box-shadow:0 2px 8px #1e382912}.stat-card.success{border-left-color:var(--success)}.stat-card.warning{border-left-color:var(--warning)}.stat-card.danger{border-left-color:var(--danger)}.stat-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.8rem;font-weight:700}.stat-value{color:var(--text-main);font-size:1.75rem;font-weight:700}.charts-container{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;display:grid}.controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.filter-group{align-items:center;gap:.75rem;display:flex}.select-input,.text-input{border:1.5px solid var(--sage-200);color:var(--text-main);background:#fff;border-radius:.5rem;outline:none;padding:.5rem 1rem;font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:.95rem;transition:all .2s}.select-input:focus,.text-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3d6b4f1f}.btn{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 6px #3d6b4f4d}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 10px #3d6b4f66}.btn-outline{border:1.5px solid var(--primary);color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary-light)}.table-responsive{overflow-x:auto}.matrix-table{border-collapse:collapse;background:#fff;border-radius:.5rem;width:100%;overflow:hidden;box-shadow:0 1px 3px #0000001a}.matrix-table th,.matrix-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem}.matrix-table th{background:var(--sage-100);color:var(--sage-600);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:700}.row-program{background-color:var(--sage-100);font-weight:600}.row-kegiatan{background-color:#f7faf8;font-weight:500}.row-subkegiatan{background-color:#fff}.row-total{background-color:var(--sage-700);color:#fff;font-weight:700}.row-total td{border-bottom:none}.indent-1{position:relative;padding-left:2rem!important}.indent-1:before{content:"";background:#cbd5e1;width:.5rem;height:1px;position:absolute;top:50%;left:1rem}.indent-2{position:relative;padding-left:3rem!important}.indent-2:before{content:"";background:#cbd5e1;width:.5rem;height:1px;position:absolute;top:50%;left:2rem}.input-cell{border:1px solid #0000;border-radius:.25rem;width:100%;padding:.4rem;font-family:Plus Jakarta Sans,Inter,sans-serif;transition:all .2s}.input-cell:focus,.input-cell:hover:not(:disabled){border-color:var(--sage-300);background:var(--sage-100);outline:none}.currency{font-family:monospace;font-size:.95rem}.activity-log-item{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:.75rem;padding:.75rem 0;display:flex}.activity-log-item:last-child{border-bottom:none}.activity-avatar{width:32px;height:32px;color:var(--primary);background:#eef2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.activity-meta{flex:1}.activity-action{color:#1e293b;font-size:.9rem}.activity-time{color:#94a3b8;margin-top:.2rem;font-size:.75rem}.matrix-wrapper{width:100%}.print-header{display:none}@media print{body{color:#000;background:#fff}.no-print{display:none!important}.print-header{text-align:center;margin-bottom:20px;display:block!important}.glass-card{box-shadow:none;border:none;padding:0}.matrix-table{box-shadow:none;border:1px solid #000}.matrix-table th,.matrix-table td{border:1px solid #000;padding:.4rem;font-size:11pt}.input-cell{padding:0;background:0 0!important;border:none!important}.row-program{-webkit-print-color-adjust:exact;background-color:#e2e8f0!important}.row-kegiatan{-webkit-print-color-adjust:exact;background-color:#f1f5f9!important}.row-total{-webkit-print-color-adjust:exact;color:#000!important;background-color:#cbd5e1!important}.sidebar,.page-header,.controls-bar{display:none!important}.main-content{height:auto;padding:0}.layout-wrapper{display:block}}