@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--font-primary:"Plus Jakarta Sans", system-ui, sans-serif;--font-display:"Outfit", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bgn-navy:#0e306c;--bgn-navy-rgb:14, 48, 108;--primary:#1e6091;--primary-light:#f0f7ff;--accent:#34a0a4;--accent-rgb:52, 160, 164;--success:#10b981;--success-bg:#ecfdf5;--danger:#ef4444;--danger-bg:#fef2f2;--warning:#f59e0b;--warning-bg:#fffbeb;--bg-app:#f8fafc;--bg-card:#fff;--bg-sidebar:#0f172a;--text-main:#334155;--text-muted:#64748b;--text-inverse:#fff;--border-color:#e2e8f0;--shadow-sm:0 1px 3px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000005;--shadow-xl:0 20px 25px -5px #00000014, 0 10px 10px -5px #0000000a;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--glass-bg:#ffffffbf;--glass-border:#e2e8f0cc;--glass-blur:12px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}.dark-theme{--bg-app:#0f172a;--bg-card:#1e293b;--bg-sidebar:#020617;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-inverse:#0f172a;--border-color:#334155;--primary-light:#1e293b;--glass-bg:#1e293bbf;--glass-border:#334155cc;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006;--shadow-xl:0 20px 25px -5px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5;overflow-x:hidden}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-shell{width:100vw;min-height:100vh;display:flex;overflow:hidden}.login-container{background:linear-gradient(135deg,#020617 0%,#0f172a 40%,#1e1b4b 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.login-background-shapes{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.shape{filter:blur(100px);opacity:.3;border-radius:50%;position:absolute}.shape-1{background:#1e6091;width:400px;height:400px;top:-100px;right:-100px}.shape-2{background:#34a0a4;width:500px;height:500px;bottom:-150px;left:-150px}.login-card{border-radius:var(--radius-xl);width:100%;max-width:440px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));z-index:10;background:#1e293bb3;border:1px solid #ffffff1a;flex-direction:column;align-items:center;padding:40px;animation:.6s cubic-bezier(.16,1,.3,1) slideUp;display:flex;box-shadow:0 25px 50px -12px #00000080}.login-logo-container{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.login-logo{width:90px;height:90px;box-shadow:var(--shadow-xl);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;padding:8px;display:flex}.login-logo img{object-fit:contain;width:100%;height:auto}.login-title{font-family:var(--font-display);color:var(--text-inverse);text-align:center;font-size:24px;font-weight:700}.login-subtitle{color:#94a3b8;text-align:center;text-transform:uppercase;letter-spacing:1.5px;margin-top:4px;font-size:14px}.login-form{width:100%}.input-group{margin-bottom:20px}.input-label{color:#cbd5e1;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.input-field-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;position:absolute;left:12px}.input-field{border-radius:var(--radius-md);color:#fff;width:100%;transition:all var(--transition-fast);background:#0f172a99;border:1px solid #ffffff1a;outline:none;padding:12px 12px 12px 42px;font-size:15px}.input-field:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.login-btn{border-radius:var(--radius-md);color:#fff;width:100%;font-family:var(--font-display);cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg,#1e6091 0%,#1a5682 100%);border:none;margin-top:10px;padding:14px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #1e60914d}.login-btn:hover{background:linear-gradient(135deg,#246d9f 0%,#1e6091 100%);transform:translateY(-1px);box-shadow:0 6px 16px #1e609180}.login-btn:active{transform:translateY(1px)}.login-error{color:#fca5a5;border-radius:var(--radius-md);text-align:center;background:#ef444426;border:1px solid #ef44444d;width:100%;margin-bottom:20px;padding:12px;font-size:13px}.sidebar{background-color:var(--bg-sidebar);color:#f8fafc;width:280px;height:100dvh;box-shadow:var(--shadow-xl);z-index:40;transition:width var(--transition-normal);flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden}.sidebar-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:24px;display:flex}.sidebar-logo-img{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:4px;display:flex}.sidebar-title-container{flex-direction:column;display:flex}.sidebar-title{font-family:var(--font-display);letter-spacing:.5px;font-size:16px;font-weight:700;line-height:1.2}.sidebar-subtitle{color:#94a3b8;font-size:10px;font-weight:500}.sidebar-menu{flex-direction:column;flex-grow:1;gap:4px;padding:16px 12px;display:flex;overflow-y:auto}.sidebar-item{border-radius:var(--radius-md);color:#cbd5e1;cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:11px 16px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.sidebar-item:hover{color:#fff;background-color:#ffffff0d}.sidebar-item.active{color:#fff;background-color:var(--primary);box-shadow:0 4px 10px #1e60914d}.sidebar-footer{border-top:1px solid #ffffff0d;flex-direction:column;gap:12px;padding:16px 24px;display:flex}.user-profile-badge{align-items:center;gap:10px;padding:4px 0;display:flex}.user-avatar{width:32px;height:32px;color:var(--accent);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex;overflow:hidden}.user-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-role{color:#94a3b8;font-size:11px}.logout-btn{color:#f87171;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#ef44441a;border:1px solid #ef444433;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:12px;font-weight:600;display:flex}.logout-btn:hover{color:#fff;background:#ef444433}.main-layout{flex-direction:column;flex-grow:1;height:100vh;display:flex;overflow:hidden}.dashboard-header{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:30;height:72px;transition:background-color var(--transition-normal), border-color var(--transition-normal);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 32px;display:flex}.header-title-section{flex-direction:column;display:flex}.header-title-section h1{font-family:var(--font-display);color:var(--text-main);letter-spacing:-.3px;font-size:20px;font-weight:700}.header-meta{color:var(--text-muted);font-size:12px}.header-controls{align-items:center;gap:16px;display:flex}.theme-toggle{cursor:pointer;color:var(--text-muted);width:40px;height:40px;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background-color:var(--primary-light);color:var(--primary)}.sppg-badge{background:var(--primary-light);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--primary);padding:6px 12px;font-size:12px;font-weight:600}.panel-container{background-color:var(--bg-app);flex-grow:1;padding:32px;overflow-y:auto}.grid-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:32px;display:grid}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:before{content:"";background:var(--primary);width:4px;height:100%;position:absolute;top:0;left:0}.stat-card.primary:before{background:var(--primary)}.stat-card.success:before{background:var(--success)}.stat-card.danger:before{background:var(--danger)}.stat-card.warning:before{background:var(--warning)}.stat-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.stat-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.stat-icon{color:var(--text-muted);opacity:.8}.stat-value{font-family:var(--font-display);color:var(--text-main);font-size:24px;font-weight:700;line-height:1.2}.stat-desc{color:var(--text-muted);margin-top:6px;font-size:11px}.page-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:32px;padding:24px}.page-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.header-actions{align-items:center;gap:10px;display:flex}.page-card-title{font-family:var(--font-display);color:var(--text-main);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.filters-bar{background:var(--primary-light);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex}.filter-group{flex-direction:column;gap:6px;display:flex}.filter-label{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.form-control{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-main);transition:border-color var(--transition-fast);outline:none;padding:8px 12px;font-size:14px}.form-control:focus{border-color:var(--primary)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 10px #1e609133}.btn-primary:hover{background-color:#246d9f;transform:translateY(-1px)}.btn-secondary{border:1px solid var(--border-color);color:var(--text-main);background-color:#0000}.btn-secondary:hover{background-color:var(--primary-light)}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover{background-color:#059669}.btn-icon-only{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex}.table-responsive{border-radius:var(--radius-md);border:1px solid var(--border-color);width:100%;overflow-x:auto}.table-sppg{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.table-sppg th{background-color:var(--primary-light);color:var(--text-main);border-bottom:1px solid var(--border-color);font-weight:700;font-family:var(--font-display);padding:14px 16px}.table-sppg td{border-bottom:1px solid var(--border-color);color:var(--text-main);padding:14px 16px}.table-sppg tr:last-child td{border-bottom:none}.table-sppg tr:hover td{background-color:var(--primary-light)}.table-total-row td{border-top:2px double var(--border-color);font-weight:700;font-family:var(--font-display);font-size:15px;background-color:var(--primary-light)!important}.badge{border-radius:var(--radius-sm);text-transform:uppercase;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-success{background-color:var(--success-bg);color:var(--success)}.badge-danger{background-color:var(--danger-bg);color:var(--danger)}.badge-warning{background-color:var(--warning-bg);color:var(--warning)}.badge-neutral{background-color:var(--primary-light);color:var(--primary)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#0f172a99;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-xl);animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color);background:var(--primary-light);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{font-family:var(--font-display);color:var(--text-main);font-size:16px;font-weight:700}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none}.modal-body{max-height:70vh;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);background-color:var(--bg-app);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group-full{grid-column:span 2}.budget-progress-container{flex-direction:column;gap:16px;display:flex}.budget-progress-item{background:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px}.budget-meta{justify-content:space-between;margin-bottom:8px;display:flex}.budget-cat-name{font-size:14px;font-weight:600}.budget-amount-info{color:var(--text-muted);font-size:13px}.progress-track{background-color:var(--border-color);border-radius:6px;width:100%;height:12px;overflow:hidden}.progress-bar{border-radius:6px;height:100%;transition:width .8s}.progress-bar.safe{background-color:var(--success)}.progress-bar.warning{background-color:var(--warning)}.progress-bar.danger{background-color:var(--danger)}.chart-container-sppg{justify-content:center;align-items:center;padding:16px;display:flex}.temp-gauge-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px;display:grid}.temp-gauge-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;padding:24px;display:flex}.temp-value-large{font-family:var(--font-display);justify-content:center;align-items:baseline;margin:16px 0;font-size:48px;font-weight:700;line-height:1;display:flex}.temp-unit{color:var(--text-muted);font-size:24px;font-weight:500}.temp-limits{color:var(--text-muted);background:var(--primary-light);border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media print{body{color:#000!important;background:#fff!important;font-size:12px!important}.sidebar,.dashboard-header,.btn,.filters-bar,.modal-overlay,.theme-toggle{display:none!important}.main-layout,.panel-container{width:100%!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}.page-card{box-shadow:none!important;border:none!important;margin:0!important;padding:0!important}.table-responsive{border:none!important;overflow:visible!important}.table-sppg{border:1px solid #000!important}.table-sppg th,.table-sppg td{border:1px solid #000!important;padding:8px!important}.print-only-header{border-bottom:3px double #000;margin-bottom:24px;padding-bottom:12px;display:block!important}.print-logo-row{justify-content:center;align-items:center;gap:16px;margin-bottom:8px;display:flex}.print-bgn-logo{width:60px;height:60px}.print-title-block{text-align:center}.print-title-block h2{text-transform:uppercase;font-size:16px!important;font-weight:700!important}.print-title-block p{font-size:10px!important}.print-signature-section{page-break-inside:avoid;justify-content:space-between;margin-top:48px;display:flex!important}.sig-block{text-align:center;width:30%}.sig-title{margin-bottom:60px;font-size:11px;font-weight:700}.sig-name{font-size:11px;font-weight:700;text-decoration:underline}.sig-nip{font-size:10px}}.print-only-header,.print-signature-section{display:none}@media (width<=768px){.sidebar{height:100dvh;transition:transform var(--transition-normal);z-index:1000;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background-color:#0f172a99;width:100vw;height:100vh;animation:.2s fadeIn;position:fixed;top:0;left:0}.main-layout{width:100vw;height:100vh}.dashboard-header{gap:12px;height:64px;padding:0 16px}.header-title-section h1{font-size:16px}.header-meta{font-size:10px;display:none}.sppg-badge{padding:4px 8px;font-size:10px}.panel-container{padding:16px}.grid-stats{gap:16px;grid-template-columns:1fr!important}.page-card{padding:16px}.page-card-header{flex-direction:column;align-items:stretch;gap:12px}.page-card-header .btn,.page-card-header div{width:100%}.header-actions{flex-direction:column;align-items:stretch;gap:8px!important}.filters-bar{flex-direction:column;align-items:stretch;padding:12px}.filter-group{width:100%}.form-grid{gap:12px;grid-template-columns:1fr!important}.form-group-full{grid-column:span 1!important}.burger-btn{cursor:pointer;color:var(--text-main);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:8px;display:flex!important}.burger-btn:hover{background-color:var(--primary-light)}}.burger-btn,.sidebar-overlay{display:none}@media (width<=768px){.sidebar-overlay.active{display:block}}