.auth-container{background:linear-gradient(135deg,#2d5016 0%,#1a1a1a 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:#fff;border-radius:8px;width:100%;max-width:500px;padding:2rem;box-shadow:0 10px 25px #0003}.auth-header{text-align:center;border-bottom:2px solid #f0f0f0;margin-bottom:2rem;padding-bottom:1.5rem}.auth-logo{border-radius:6px;width:auto;height:60px;margin-bottom:1rem;box-shadow:0 4px 12px #2d501633}.auth-title{color:#2d5016;text-shadow:0 2px 4px #0000001a;margin:.5rem 0;font-size:2rem;font-weight:700}.auth-subtitle{color:#666;margin:.5rem 0 0;font-size:.85rem;font-style:italic}.auth-form-title{text-align:center;color:#333;margin-bottom:1.5rem;font-size:1.3rem}.auth-card h2{text-align:center;color:#333;margin-bottom:1.5rem;font-size:1.5rem}.form-group input{border:2px solid #e0e0e0;border-radius:4px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .3s}.form-group input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{cursor:not-allowed;background-color:#f5f5f5}.auth-card button[type=submit]{color:gold;cursor:pointer;background:linear-gradient(135deg,#2d5016 0%,#1a1a1a 100%);border:none;border-radius:4px;width:100%;padding:.75rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.auth-card button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #2d501666}.auth-card button[type=submit]:disabled{opacity:.7;cursor:not-allowed}.error-message{color:#c62828;background-color:#ffebee;border:1px solid #ef9a9a;border-radius:4px;margin-bottom:1rem;padding:.75rem;font-size:.9rem}.test-accounts{background-color:#f6f8f3;border:1px solid #dce6d5;border-radius:4px;margin-bottom:1rem;padding:.75rem}.test-accounts-title{color:#555;margin:0 0 .6rem;font-size:.85rem;font-weight:600}.test-account-actions{gap:.5rem;display:flex}.test-account-button{color:#2d5016;cursor:pointer;background:#fff;border:1px solid #2d5016;border-radius:4px;flex:1;padding:.55rem;font-size:.9rem;font-weight:600}.test-account-button:hover{background-color:#eef4e9}.toggle-auth{text-align:center;color:#666;margin-top:1.5rem;font-size:.9rem}.link-button{color:#2d5016;cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.link-button:hover{color:gold}.dashboard{background:#fff9e0;flex-direction:column;min-height:100vh;display:flex}.dashboard-header{z-index:20;color:#193d0c;-webkit-backdrop-filter:blur(14px);background:#ffd500f5;border-bottom:1px solid #1d3d072e;padding:1rem 1.5rem;position:sticky;top:0;box-shadow:0 6px 18px #2d50162e}.header-content{justify-content:space-between;align-items:center;width:100%;padding:0 1rem;display:flex}.dashboard-header h1{letter-spacing:.02em;margin:0;font-size:1.75rem;line-height:1.1}.user-info{align-items:center;gap:.85rem;display:flex}.logout-btn{color:#fff;cursor:pointer;background-color:#1d3d071f;border-radius:999px;font-size:.95rem;font-weight:700;transition:all .25s}.logout-btn:hover{color:#fff;background-color:#193d0c}.logo-section{align-items:center;gap:.75rem;display:flex}.logo-img{border:1px solid #00000014;border-radius:8px;width:auto;height:44px}.app-name{color:#193d0c;text-shadow:0 1px 3px #0000002e;margin:0;font-size:1.6rem;font-weight:800}.dashboard-main{flex:1;width:100%;display:flex}.sidebar{background:#fff4b4fa;border-right:1px solid #1d3d0726;width:250px;height:calc(100vh - 80px);padding:2rem 0;position:sticky;top:80px}.sidebar nav ul{margin:0;padding:0;list-style:none}.sidebar nav li{margin:0}.nav-link{color:#1f3f0f;border-left:3px solid #0000;padding:1rem 1.5rem;font-weight:700;text-decoration:none;transition:background-color .2s,color .2s;display:block}.nav-link:hover{color:#11310c;background-color:#ffe6001f}.nav-link.active{color:#193d0c;background-color:#ffd1003d;border-left-color:#193d0c}.content{flex:1;padding:2rem;overflow-y:auto}.welcome-dashboard{text-align:center;background:#fff9e6;border:1px solid #ffd3003d;border-radius:18px;padding:2rem;box-shadow:0 10px 25px #2d50161f}.welcome-dashboard h2{color:#193d0c;margin-bottom:1rem}.welcome-dashboard p{color:#425326;margin-bottom:2rem}.quick-links{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem;display:grid}.quick-link{color:#193d0c;background:linear-gradient(135deg,#ffe600 0%,#f7d600 50%,#8bbb32 100%);border-radius:16px;padding:1.5rem;font-size:1.05rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;box-shadow:0 8px 20px #80791924}.quick-link:hover{transform:translateY(-5px);box-shadow:0 14px 30px #80791933}@media (width<=768px){.header-content{flex-direction:column;gap:1rem}.dashboard-main{flex-direction:column}.sidebar{border-bottom:1px solid #1d3d0726;border-right:none;width:100%;height:auto;padding:1rem 0;position:static}.sidebar nav ul{flex-wrap:wrap;display:flex}.nav-link{padding:.6rem 1rem;font-size:.95rem}}.dashboard-main-full{background:#fff8de;flex:1;width:100%;display:flex}.content-full{background:#fff8de;flex:1;overflow-y:auto}.confirm-dialog-backdrop{z-index:1100;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.15s ease-out confirm-fade-in;display:flex;position:fixed;top:0;left:0}.confirm-dialog{text-align:center;background:#fff;border-radius:12px;width:calc(100% - 32px);max-width:400px;padding:24px;animation:.18s ease-out confirm-pop-in;box-shadow:0 10px 40px #00000040}@keyframes confirm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes confirm-pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.confirm-dialog-icon{margin-bottom:12px;font-size:2.5rem;line-height:1}.confirm-dialog-title{color:#1a1a1a;margin:0 0 8px;font-size:1.15rem}.confirm-dialog-message{color:#6b7280;word-break:break-word;margin:0 0 20px;font-size:.95rem;line-height:1.5}.confirm-dialog-actions{justify-content:center;gap:10px;display:flex}.confirm-dialog-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.65rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s}.confirm-dialog-btn:disabled{opacity:.6;cursor:not-allowed}.confirm-dialog-btn.cancel{color:#374151;background:#f3f4f6}.confirm-dialog-btn.cancel:hover:not(:disabled){background:#e5e7eb}.confirm-dialog-btn.primary{color:gold;background:linear-gradient(135deg,#2d5016 0%,#1a1a1a 100%)}.confirm-dialog-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2d501659}.confirm-dialog-btn.danger{color:#fff;background:#c62828}.confirm-dialog-btn.danger:hover:not(:disabled){background:#b71c1c;transform:translateY(-1px);box-shadow:0 4px 12px #c6282859}.confirm-dialog-btn:focus-visible{outline-offset:2px;outline:3px solid #2d501666}.markets-page{padding:2rem}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #2d501666}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#333;cursor:pointer;background:#e0e0e0;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;transition:background-color .2s}.modal-overlay{z-index:1000;background:#11182799;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:12px;width:min(900px,100%);max-height:90vh;padding:1.5rem;overflow-y:auto;box-shadow:0 16px 40px #0003}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.modal-header h3{color:#333;margin:0}.modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:1.6rem;line-height:1}.modal-form{flex-direction:column;gap:.5rem;display:flex}.form-group input,.form-group textarea,.form-group select{border:1px solid #ddd;border-radius:4px;width:100%;padding:.75rem;font-family:inherit;font-size:1rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#2d5016;outline:none;box-shadow:0 0 0 3px #2d50161a}@media (width<=768px){.form-row{grid-template-columns:1fr}}.form-actions button{flex:1}.empty-state{text-align:center;color:#666;background:#fff;border-radius:8px;padding:3rem}.market-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.market-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;display:flex;box-shadow:0 1px 3px #00000014}.market-card-image{object-fit:cover;background:#f3f4f6;border-radius:8px;width:100%;height:140px}.market-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.market-card-code{color:#6b7280;text-transform:uppercase;margin-bottom:.25rem;font-size:.8rem;font-weight:600}.market-card h3{color:#111827;margin:0;font-size:1rem}.market-card-body{flex-direction:column;gap:.6rem;display:flex}.market-card-row{color:#4b5563;flex-direction:column;gap:.2rem;font-size:.9rem;display:flex}.market-card-label{color:#6b7280;text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:700}.market-card-address{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.market-card-admin{flex-direction:column;gap:.4rem;display:flex}.market-admin-info{flex-direction:column;align-items:flex-start;gap:.2rem;display:flex}.market-card-actions{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.assign-inline{flex-direction:column;gap:.4rem;display:flex}.assign-inline select{border:1px solid #d1d5db;border-radius:4px;width:100%;padding:.5rem}.btn-assign{color:#374151;background:#f3f4f6}.muted{color:#6b7280;font-size:.85rem}@media (width<=1200px){.market-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.market-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.market-card-grid{grid-template-columns:1fr}}.action-cell{gap:.5rem;display:flex}.btn-sm{cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.btn-edit{color:gold;background:#2d5016}.btn-edit:hover{color:gold;background:#1a1a1a}.btn-delete{color:#fff;background:#d84315}.btn-delete:hover{background:#bf360c}:root{--siaga-primary:#1f7a1f;--siaga-primary-dark:#193d0c;--siaga-primary-light:#d1fae5;--siaga-accent:#f4c300;--siaga-accent-light:#fff3b0;--siaga-bg-primary:#fff9e0;--siaga-bg-secondary:#fff8de;--siaga-bg-card:#fff;--siaga-text-primary:#1f1f1f;--siaga-text-secondary:#6b7280;--siaga-spacing-xs:.5rem;--siaga-spacing-sm:1rem;--siaga-spacing-md:1.5rem;--siaga-spacing-lg:2rem;--siaga-spacing-xl:3rem;--siaga-radius-sm:6px;--siaga-radius-md:8px;--siaga-radius-lg:12px;--siaga-radius-xl:16px;--siaga-shadow-sm:0 1px 3px #0000001a;--siaga-shadow-md:0 4px 12px #00000026;--siaga-shadow-lg:0 10px 25px #0003}body{background:var(--siaga-bg-primary);color:var(--siaga-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.siaga-grid{gap:var(--siaga-spacing-md);display:grid}.siaga-grid-cols-1{grid-template-columns:1fr}.siaga-grid-cols-2{grid-template-columns:repeat(2,1fr)}.siaga-grid-cols-3{grid-template-columns:repeat(3,1fr)}.siaga-grid-cols-4{grid-template-columns:repeat(4,1fr)}.siaga-grid-auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.siaga-card{background:var(--siaga-bg-card);border-radius:var(--siaga-radius-lg);padding:var(--siaga-spacing-md);box-shadow:var(--siaga-shadow-sm);border:1px solid #00000014;transition:box-shadow .2s,transform .2s}.siaga-card:hover{box-shadow:var(--siaga-shadow-md)}.siaga-card-header{margin-bottom:var(--siaga-spacing-sm);padding-bottom:var(--siaga-spacing-sm);border-bottom:1px solid #00000014}.siaga-btn{border-radius:var(--siaga-radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.6rem 1.2rem;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.siaga-btn-primary{background:var(--siaga-primary);color:#fff}.siaga-btn-primary:hover{background:var(--siaga-primary-dark)}.siaga-btn-accent{background:var(--siaga-accent);color:var(--siaga-primary-dark)}.siaga-btn-outline{border:1px solid var(--siaga-primary);color:var(--siaga-primary);background:0 0}.siaga-loading{color:#6b7280;justify-content:center;align-items:center;padding:3rem;display:flex}.form-group label{color:#374151;margin-bottom:.375rem;font-size:.925rem;font-weight:500;display:block}.siaga-input{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.625rem .75rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.siaga-card-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.siaga-badge{border-radius:999px;padding:.25rem .75rem;font-size:.85rem;font-weight:500;display:inline-block}.siaga-badge-active{background:var(--siaga-primary-light);color:var(--siaga-primary-dark)}.siaga-badge-inactive{color:#d84315;background:#ffccbc}.siaga-table{border-collapse:collapse;width:100%;font-size:.95rem}.siaga-table th,.siaga-table td{padding:var(--siaga-spacing-sm);text-align:left;border-bottom:1px solid #00000014}.siaga-table th{color:var(--siaga-primary-dark);background:#f9fafb;font-weight:600}.siaga-table tr:hover{background:#00000005}.siaga-input{border-radius:var(--siaga-radius-sm);border:1px solid #d1d5db;width:100%;padding:.6rem 1rem;font-size:.95rem;transition:border-color .2s}@media (width<=768px){.siaga-grid-cols-2,.siaga-grid-cols-3,.siaga-grid-cols-4{grid-template-columns:1fr}.siaga-card{padding:var(--siaga-spacing-sm)}}.siaga-loading{min-height:60vh;color:var(--siaga-text-secondary);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.loading-spinner-wrap,.loading-skeleton{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:2rem;display:flex}.full-height{min-height:60vh}.loading-spinner{border:4px solid #2d501626;border-top-color:#2d5016;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite loading-rotate}@keyframes loading-rotate{to{transform:rotate(360deg)}}.loading-label{color:#6b7280;margin:0;font-size:.95rem}.skeleton-row{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;border-radius:8px;height:16px;animation:1.4s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.empty-state{text-align:center;background:#fafafa;border:2px dashed #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.empty-state-icon{opacity:.85;margin-bottom:12px;font-size:3rem;line-height:1}.empty-state-title{color:#374151;margin:0 0 6px;font-size:1.05rem}.empty-state-subtitle{color:#9ca3af;max-width:360px;margin:0 0 16px;font-size:.9rem;line-height:1.5}.empty-state-action{color:gold;cursor:pointer;background:linear-gradient(135deg,#2d5016 0%,#1a1a1a 100%);border:none;border-radius:8px;padding:.65rem 1.4rem;font-size:.95rem;font-weight:600;transition:all .2s}.empty-state-action:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2d501659}.empty-state-action:focus-visible{outline-offset:2px;outline:3px solid #2d501666}.tx-summary-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:16px;padding:16px}.tx-error-box{color:#b91c1c;background:#fee;border-radius:6px;margin-top:12px;padding:8px}.tx-filter-section{flex-wrap:wrap;align-items:end;gap:12px;margin-top:16px;display:flex}.tx-filter-group label{color:#555;margin-bottom:4px;font-size:13px;display:block}.tx-filter-select{border:1px solid #d1d5db;border-radius:6px;padding:6px 12px}.tx-reset-btn{padding:6px 16px}.tx-table-wrap{margin-top:20px;overflow-x:auto}.tx-table{border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;width:100%;font-size:.95rem}.tx-table thead tr{background:#f9fafb;border-bottom:2px solid #2d5016}.tx-table th{text-align:left;border:1px solid #e5e7eb;padding:10px}.tx-table td{border:1px solid #e5e7eb;padding:10px}.tx-table tbody tr{border-bottom:1px solid #e5e7eb}.tx-amount{text-align:right;font-weight:600}.tx-note{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.tx-date{color:#6b7280;font-size:.85rem}.tx-status-badge{border-radius:4px;padding:3px 10px;font-size:.85rem;font-weight:600;display:inline-block}.tx-status-lunas{color:#2d5016;background:#c8e6c9}.tx-status-batal{color:#d84315;background:#ffccbc}.tx-status-pending{color:#f57f17;background:#fff9c4}.superadmin-container{background:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}.admin-sidebar{color:#1e293b;background:#f1f5f9;border-right:1px solid #e2e8f0;flex-direction:column;width:260px;height:100vh;padding:24px 16px;display:flex;position:fixed;overflow-y:auto}.sidebar-header{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding:0 12px 24px}.sidebar-logo{margin-bottom:8px;font-size:36px}.sidebar-header h3{color:#1e293b;letter-spacing:-.5px;margin:0;font-size:20px;font-weight:700}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.sidebar-group{margin-bottom:12px}.sidebar-group-label{color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-top:8px;margin-bottom:4px;padding:8px 16px 6px;font-size:11px;font-weight:600}.sidebar-item{color:#334155;cursor:pointer;text-align:left;letter-spacing:-.2px;background:#fff;border:none;border-radius:10px;align-items:center;gap:14px;padding:12px 16px;font-size:15px;font-weight:500;transition:all .2s cubic-bezier(.4,0,0,1);display:flex;box-shadow:0 1px 2px #00000008}.sidebar-item:hover{color:#0f172a;background:#e2e8f0;transform:translate(4px)}.sidebar-item.active{color:#fff;background:linear-gradient(90deg,#1f7a1f,#22c55e);font-weight:600;box-shadow:0 4px 12px #1f7a1f40}.sidebar-footer{border-top:1px solid #e2e8f0;margin-top:auto;padding:20px 4px 0}.admin-main{flex:1;min-height:100vh;margin-left:260px;padding:32px}.overview-section,.analytics-section,.markets-section,.users-section{background:#fff;border-radius:16px;box-shadow:0 1px 3px #00000014,0 8px 24px #0000000a}.section-header{border-bottom:1px solid #f1f5f9;padding:24px 32px}.section-header h2{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.section-header p{color:#64748b;margin:8px 0 0;font-size:14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding:32px;display:grid}.stat-card{background:#fff;border-radius:16px;align-items:center;gap:20px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008}.stat-icon{background:linear-gradient(135deg,#1f7a1f1a,#22c55e26);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;display:flex}.stat-content{flex:1}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:13px;font-weight:500}.stat-value{color:#0f172a;letter-spacing:-.5px;font-size:28px;font-weight:700}.stat-change{align-items:center;gap:4px;margin-top:6px;font-size:12px;display:flex}.stat-change.positive{color:#059669}.charts-container{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:24px;padding:24px;display:grid}.chart-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008}.chart-title{color:#0f172a;margin:0 0 20px;font-size:16px;font-weight:600}.markets-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:24px;display:grid}.market-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.market-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.market-header{justify-content:space-between;align-items:flex-start;display:flex}.market-header h4{color:#0f172a;flex:1;margin:0;font-size:17px;font-weight:600}.market-details{margin:4px 0}.market-details p{color:#475569;margin:6px 0;font-size:13px}.market-details strong{color:#64748b;font-weight:500}.market-actions{flex-direction:column;gap:10px;margin-top:8px;display:flex}.market-actions-row{gap:10px;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600}.status-aktif{color:#166534;background:#dcfce7}.status-nonaktif{color:#991b1b;background:#fee2e2}.stall-count-badge{border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.stall-count-badge.has-stalls{color:#166534;background:#dcfce7}.stall-count-badge.no-stalls{color:#64748b;background:#f1f5f9}.btn-impersonate{color:#fff;cursor:pointer;letter-spacing:-.2px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-impersonate:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f159}.btn-impersonate:active{transform:translateY(0)}.btn-impersonate:disabled{opacity:.6;cursor:not-allowed;transform:none}.siaga-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s}.siaga-btn-primary{color:#fff;background:linear-gradient(135deg,#1f7a1f,#22c55e);box-shadow:0 4px 12px #1f7a1f40}.siaga-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #1f7a1f59}.siaga-btn-outline{color:#1f7a1f;background:0 0;border:1px solid #1f7a1f}.siaga-btn-outline:hover{background:#1f7a1f0d}.siaga-btn-accent{color:#1e293b;background:#f4c300}.siaga-btn-accent:hover{background:#eab308}.siaga-input{border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.siaga-input:focus{border-color:#1f7a1f;outline:none;box-shadow:0 0 0 3px #1f7a1f26}.siaga-loading{color:#64748b;justify-content:center;align-items:center;min-height:400px;font-size:16px;display:flex}@media (width<=768px){.admin-sidebar{display:none}.admin-main{margin-left:0;padding:16px}.stats-grid,.charts-container,.markets-grid{grid-template-columns:1fr;padding:16px}.section-header,.stat-card{padding:16px}.stat-value{font-size:24px}}.officers-page{padding:2rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:4px;width:100%;padding:.75rem;font-family:inherit;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2d5016;outline:none;box-shadow:0 0 0 3px #2d50161a}.btn-edit,.btn-delete{cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.2rem;transition:transform .2s}.btn-edit:hover,.btn-delete:hover{transform:scale(1.2)}.stalls-page{padding:2rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.form-section{background:#fff;border-radius:8px;margin-bottom:2rem;padding:2rem;box-shadow:0 1px 3px #0000001a}.form-section h3{color:#333;margin-top:0;margin-bottom:1.5rem}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.form-group{margin-bottom:1rem}.form-group label{color:#555;margin-bottom:.5rem;font-weight:500;display:block}.form-group input,.form-group select{border:2px solid #e0e0e0;border-radius:4px;width:100%;padding:.75rem;font-family:inherit;font-size:1rem}.form-group input:focus,.form-group select:focus{border-color:#2d5016;outline:none;box-shadow:0 0 0 3px #2d50161a}.form-actions{gap:1rem;margin-top:1.5rem;display:flex}.btn-primary{color:gold;cursor:pointer;background:linear-gradient(135deg,#2d5016 0%,#1a1a1a 100%);border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-secondary{color:#333;cursor:pointer;background:#e0e0e0;border:none;border-radius:4px;padding:.75rem 1.5rem;font-weight:600;transition:background-color .2s}.btn-secondary:hover{background:#d0d0d0}.section{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 1px 3px #0000001a}.section-header-row{border-bottom:2px solid #2d5016;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.section-header-row h3{color:#333;border-bottom:none;margin:0;padding-bottom:0;font-size:1.3rem}.filter-group{align-items:center;gap:.5rem;display:flex}.filter-group label{color:#555;white-space:nowrap;font-size:.9rem;font-weight:500}.filter-select{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:4px;min-width:180px;padding:.5rem .75rem;font-family:inherit;font-size:.9rem}.filter-select:focus{border-color:#2d5016;outline:none;box-shadow:0 0 0 3px #2d50161a}.section h3{color:#333;border-bottom:2px solid #2d5016;margin-top:0;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.3rem}.error-message{color:#c62828;background-color:#ffebee;border:1px solid #ef9a9a;border-radius:4px;margin-bottom:1rem;padding:1rem}.data-table{border-collapse:collapse;width:100%;font-size:.95rem}.data-table thead{background:#f5f5f5;border-bottom:2px solid #2d5016}.data-table th{text-align:left;color:#2d5016;padding:1rem;font-weight:600}.data-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s}.data-table tbody tr:hover{background-color:#f9f9f9}.data-table td{padding:1rem}.action-buttons{gap:.5rem;display:flex}.btn-rate,.btn-edit,.btn-delete{cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.2rem;transition:transform .2s}.btn-rate:hover,.btn-edit:hover,.btn-delete:hover{transform:scale(1.2)}.btn-delete-user{color:#c62828;cursor:pointer;background:#ffebee;border:none;border-radius:4px;padding:.5rem 1rem;font-weight:600;transition:background-color .2s}.btn-delete-user:hover{background:#ffcdd2}.modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;padding:24px;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header{border-bottom:2px solid #2d5016;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.modal-header h3{color:#2d5016;margin:0;font-size:1.3rem}.modal-close{cursor:pointer;color:#666;background:0 0;border:none;padding:0 4px;font-size:1.8rem;line-height:1;transition:color .2s}.modal-close:hover{color:#c62828}.no-data{text-align:center;color:#999;padding:2rem}.loading{color:#666;justify-content:center;align-items:center;min-height:60vh;font-size:1.2rem;display:flex}.treasurer-page{background:radial-gradient(circle at 0 0,#a78bfa2e,#0000 30%),radial-gradient(circle at 100% 100%,#10b9811f,#0000 25%),linear-gradient(135deg,#f8fafc 0%,#eef4ff 45%,#f5f3ff 100%);min-height:100vh;padding:24px;font-family:Inter,Segoe UI,sans-serif}.treasurer-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid #94a3b838;border-radius:24px;max-width:1400px;margin:0 auto 32px;padding:28px 30px;box-shadow:0 22px 48px #0f172a14}.treasurer-badge{color:#6d28d9;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,#a855f71f,#3b82f61f);border:1px solid #a855f733;border-radius:999px;align-items:center;margin-bottom:12px;padding:7px 12px;font-size:.72rem;font-weight:800;display:inline-flex}.treasurer-header h1{color:#0000;letter-spacing:-.04em;background:linear-gradient(135deg,#0f172a 0%,#4f46e5 52%,#0ea5e9 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:clamp(1.8rem,4vw,2.5rem)}.treasurer-header p{color:#475569;margin:0;font-size:1rem}.treasurer-hero-strip{grid-template-columns:repeat(4,minmax(220px,1fr));gap:18px;max-width:1400px;margin:0 auto 28px;display:grid}.treasurer-hero-card{background:#ffffffbd;border:1px solid #94a3b833;border-radius:18px;flex-direction:column;gap:12px;padding:24px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #0f172a0f}.treasurer-hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f11a 0%,#0000 70%);border-radius:50%;width:100px;height:100px;position:absolute;top:0;right:0}.treasurer-hero-card:hover{border-color:#94a3b84d;transform:translateY(-4px);box-shadow:0 16px 40px #0f172a1f}.hero-icon{width:fit-content;font-size:2rem;display:inline-block}.treasurer-hero-card.emphasis{background:linear-gradient(135deg,#6366f126,#10b9811f);border-color:#6366f140;box-shadow:0 12px 32px #6366f11f}.hero-sparkle{background:radial-gradient(circle,#10b98126 0%,#0000 70%);border-radius:50%;width:80px;height:80px;animation:3s ease-in-out infinite sparkle;position:absolute;bottom:-10px;right:-10px}@keyframes sparkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.kicker{letter-spacing:.12em;text-transform:uppercase;color:#64748b;font-size:.72rem;font-weight:800}.treasurer-hero-card strong{color:#0f172a;letter-spacing:-.04em;font-size:clamp(1.4rem,2vw,2rem)}.treasurer-hero-card small{color:#475569}.treasurer-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;max-width:1400px;margin:0 auto 24px;padding:16px;font-weight:600}.treasurer-tabs{border-bottom:2px solid #94a3b826;flex-wrap:wrap;gap:8px;max-width:1400px;margin:0 auto 32px;padding-bottom:0;display:flex}.treasurer-tab-btn{cursor:pointer;color:#64748b;letter-spacing:.3px;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:0;align-items:center;gap:8px;padding:14px 20px;font-size:.95rem;font-weight:700;transition:all .3s;display:flex;position:relative}.tab-icon{font-size:1.1rem;display:inline-block}.tab-badge{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-left:4px;padding:0 6px;font-size:.75rem;font-weight:800;display:inline-flex}.treasurer-tab-btn:hover{color:#2563eb}.treasurer-tab-btn.active{color:#2563eb;border-bottom-color:#2563eb;box-shadow:inset 0 2px #2563eb}.treasurer-content{max-width:1400px;margin:0 auto}.treasurer-loader{text-align:center;color:#64748b;padding:48px 24px;font-size:1.1rem}.treasurer-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:32px;display:grid}.treasurer-stat-card{background:#fff;border-left:4px solid;border-radius:12px;align-items:flex-start;gap:16px;padding:20px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.treasurer-stat-card:before{content:"";opacity:.1;pointer-events:none;background:radial-gradient(circle,currentColor,#0000 70%);width:60px;height:60px;position:absolute;top:0;right:0}.treasurer-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.treasurer-stat-card.pending{background:linear-gradient(135deg,#f59e0b0d 0%,#f59e0b05 100%);border-left-color:#f59e0b}.treasurer-stat-card.approved{background:linear-gradient(135deg,#10b9810d 0%,#10b98105 100%);border-left-color:#10b981}.treasurer-stat-card.rejected{background:linear-gradient(135deg,#ef44440d 0%,#ef444405 100%);border-left-color:#ef4444}.treasurer-stat-card.collected{background:linear-gradient(135deg,#2563eb0d 0%,#2563eb05 100%);border-left-color:#2563eb}.stat-icon{font-size:1.8rem}.stat-content{flex-direction:column;gap:6px;display:flex}.stat-label{color:#64748b;margin:0;font-size:.9rem;font-weight:600}.stat-content strong{color:#0f172a;font-size:1.8rem}.stat-amount,.stat-period{color:#64748b;font-size:.85rem}.treasurer-chart-section{background:#fff;border:1px solid #e2e8f099;border-radius:16px;margin-bottom:32px;padding:28px;transition:all .3s;box-shadow:0 4px 16px #00000014}.treasurer-chart-section:hover{box-shadow:0 8px 24px #0000001a}.treasurer-chart-section h2{color:#0f172a;letter-spacing:-.02em;margin:0 0 24px;font-size:1.4rem;font-weight:800}.treasurer-chart{width:100%;height:300px}.treasurer-recent-section{background:#fff;border:1px solid #e2e8f099;border-radius:16px;margin-bottom:32px;padding:28px;transition:all .3s;box-shadow:0 4px 16px #00000014}.treasurer-recent-section:hover{box-shadow:0 8px 24px #0000001a}.treasurer-recent-section h2{color:#0f172a;letter-spacing:-.02em;margin:0 0 20px;font-size:1.4rem;font-weight:800}.treasurer-list{flex-direction:column;gap:12px;display:flex}.treasurer-list-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:18px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.treasurer-list-row:before{content:"";transform-origin:top;background:linear-gradient(#2563eb,#059669);width:3px;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleY(0)}.treasurer-list-row:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.treasurer-list-row:hover:before{transform:scaleY(1)}.list-info{flex-direction:column;flex:1;gap:6px;display:flex}.list-info strong{color:#0f172a;font-size:1rem}.list-detail{color:#64748b;font-size:.9rem}.list-date{color:#94a3b8;font-size:.85rem}.btn-small{cursor:pointer;letter-spacing:.3px;text-transform:uppercase;border:none;border-radius:8px;padding:10px 18px;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-approve{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.btn-approve:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.btn-reject{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.btn-reject:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.btn-cancel{color:#475569;background:#e2e8f0;transition:all .3s}.btn-cancel:hover{background:#cbd5e1;transform:translateY(-2px)}.btn-primary{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;padding:12px 24px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #2563eb4d}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.treasurer-empty{text-align:center;color:#94a3b8;padding:32px;font-size:1rem}.treasurer-filter-bar{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.treasurer-filter-bar input{border:1px solid #cbd5e1;border-radius:6px;flex:1;min-width:140px;padding:10px 12px;font-size:.95rem}.treasurer-filter-bar input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.treasurer-approval-list{flex-direction:column;gap:16px;display:flex}.approval-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 12px #00000014}.approval-card:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,currentColor,#0000);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.approval-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.approval-card.status-pending_head,.approval-card.status-pending_treasurer{border-left:4px solid #f59e0b}.approval-card.status-approved{background:linear-gradient(135deg,#10b98105 0%,#10b98103 100%);border-left:4px solid #10b981}.approval-card.status-rejected{background:linear-gradient(135deg,#ef444405 0%,#ef444403 100%);border-left:4px solid #ef4444}.approval-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.approval-header h3{color:#0f172a;margin:0 0 6px;font-size:1.1rem}.status-badge{border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-block}.status-pending_head,.status-pending_treasurer{color:#854d0e;background:#fef08a}.status-approved{color:#166534;background:#dcfce7}.status-rejected{color:#991b1b;background:#fee2e2}.approval-amount{text-align:right}.approval-amount strong{color:#0f172a;font-size:1.3rem;display:block}.approval-amount span{color:#64748b;font-size:.85rem}.approval-proof,.approval-note{background:#f1f5f9;border-radius:6px;margin:12px 0;padding:12px;font-size:.9rem}.approval-proof a{color:#2563eb;font-weight:600;text-decoration:none}.approval-proof a:hover{text-decoration:underline}.approval-actions{gap:8px;margin-top:12px;display:flex}.approval-actions button{cursor:pointer;border:none;border-radius:6px;flex:1;padding:10px 12px;font-size:.9rem;font-weight:600;transition:all .2s}.approval-actions .btn-approve{color:#fff;background:#10b981;flex:1.2}.approval-actions .btn-reject{color:#fff;background:#ef4444;flex:1.2}.rejection-form{gap:8px;margin-top:12px;display:flex}.rejection-form input{border:1px solid #cbd5e1;border-radius:6px;flex:1;padding:10px 12px;font-size:.9rem}.rejection-form input:focus{border-color:#ef4444;outline:none}.rejection-reason{color:#991b1b;background:#fee2e2;border-radius:6px;margin-top:12px;padding:12px;font-size:.9rem}.approval-date{color:#94a3b8;margin-top:12px;font-size:.85rem;display:block}.treasurer-performance-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:32px;display:grid}.performance-card{background:#fff;border:1px solid #e2e8f099;border-radius:14px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.performance-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f11a,#0000 70%);width:200px;height:200px;position:absolute;top:-50%;right:-50%}.performance-card:hover{border-color:#e2e8f0e6;transform:translateY(-6px);box-shadow:0 12px 28px #0000001f}.perf-rank{color:#1d4ed8;background:#dbeafe;border-radius:50%;place-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:800;display:grid;position:absolute;top:12px;right:12px}.performance-card h3{color:#0f172a;margin:0 0 16px;font-size:1rem;font-weight:700}.perf-stat{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:8px 0;display:flex}.perf-stat:last-of-type{border-bottom:none}.perf-label{color:#64748b;font-size:.85rem}.perf-stat strong{color:#0f172a;font-weight:700}.perf-rate{border-top:2px solid #e2e8f0;justify-content:space-between;margin-top:12px;padding-top:12px;display:flex}.perf-rate span{color:#64748b;font-size:.9rem;font-weight:600}.perf-rate strong{color:#10b981;font-size:1.2rem}.treasurer-discrepancy-intro{background:#fff;border-radius:12px;margin-bottom:16px;padding:16px 20px;box-shadow:0 2px 8px #0000000f}.treasurer-discrepancy-intro p{color:#64748b;margin:0;font-size:.95rem}.treasurer-discrepancy-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.treasurer-discrepancy-table table{border-collapse:collapse;width:100%}.treasurer-discrepancy-table thead{background:linear-gradient(135deg,#f1f5f9,#eef4ff);border-bottom:2px solid #cbd5e1}.treasurer-discrepancy-table th{text-align:left;color:#0f172a;letter-spacing:.3px;text-transform:uppercase;padding:16px;font-size:.92rem;font-weight:800}.treasurer-discrepancy-table td{color:#475569;border-bottom:1px solid #e2e8f0;padding:12px 16px}.treasurer-discrepancy-table tr:hover{background:#f8fafc}.treasurer-discrepancy-table tr.high-discrepancy{background:linear-gradient(135deg,#ef44440d 0%,#ef444405 100%)}.treasurer-discrepancy-table tr:last-child td{border-bottom:none}.discrepancy-amount{font-weight:700}.discrepancy-amount .negative{color:#dc2626}.discrepancy-amount .positive{color:#10b981}@media (width<=900px){.treasurer-page{padding:16px}.treasurer-stats-grid{grid-template-columns:repeat(2,1fr)}.treasurer-tabs{justify-content:flex-start}.approval-header{flex-direction:column}.approval-amount{text-align:left}.treasurer-performance-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.treasurer-stats-grid{grid-template-columns:1fr}.treasurer-tabs{flex-direction:column}.treasurer-tabs button{width:100%}.treasurer-list-row{flex-direction:column;align-items:flex-start}.btn-small{width:100%}.approval-actions{flex-direction:column}.approval-actions button{width:100%}.rejection-form{flex-direction:column}.treasurer-performance-grid{grid-template-columns:1fr}.treasurer-discrepancy-table{overflow-x:auto}.treasurer-discrepancy-table table{min-width:600px}.treasurer-filter-bar{flex-direction:column}.treasurer-filter-bar input,.treasurer-filter-bar button{width:100%}}.card-actions{align-items:center;gap:.5rem;display:flex}.icon-action{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.icon-action:focus{outline:none}.icon-action:hover .sidebar-icon{transform:translateY(-2px)}.market-code{color:#18350c;letter-spacing:.01em;margin-top:.9rem;font-size:.95rem}.market-dashboard{flex-direction:column;min-height:100vh;padding:1.5rem 1.5rem 2rem;display:flex}.dashboard-layout{flex-wrap:wrap;flex:1;align-items:stretch;gap:1.25rem;display:flex}.market-dashboard .sidebar{width:min(280px,100%);box-shadow:none;background:#fff;border:1px solid #1018120f;border-radius:12px;flex-direction:column;align-self:stretch;gap:.7rem;height:100%;min-height:0;padding:1rem 1rem 1.1rem;display:flex;position:static;top:auto}.sidebar-nav{flex-direction:column;flex:1;gap:.2rem;display:flex}.sidebar-footer{border-top:1px solid #1d3d071a;flex-direction:column;gap:.7rem;margin-top:auto;padding-top:.9rem;display:flex}.sidebar-public-link{color:#17380d;background:#1f4e1214;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:.7rem .8rem;font-weight:700;text-decoration:none;display:inline-flex}.sidebar-profile{cursor:pointer;text-align:left;background:#1f4e120a;border:none;border-radius:10px;align-items:center;gap:.7rem;width:100%;padding:.7rem .75rem;display:flex}.sidebar-profile:hover{background:#fffacc}.sidebar-profile-avatar{color:#fff;background:#1f4e12;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-size:.95rem;font-weight:700;display:flex;overflow:hidden}.sidebar-profile-photo{object-fit:cover;width:100%;height:100%}.sidebar-profile-name{color:#17380d;font-size:.95rem;font-weight:700}.sidebar-profile-role{color:#5f6f2c;font-size:.8rem}.sidebar-profile-modal-backdrop{z-index:2000;background:#07110973;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.sidebar-profile-modal{background:#fff;border-radius:16px;gap:.7rem;width:min(100%,420px);padding:1.1rem;display:grid;box-shadow:0 20px 40px #06180e33}.sidebar-profile-modal-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sidebar-profile-modal-header h4{color:#17380d;margin:0}.sidebar-profile-close{color:#5a6019;cursor:pointer;background:0 0;border:none;font-size:1.4rem}.sidebar-profile-label{color:#4a5b22;font-size:.8rem;font-weight:700}.sidebar-profile-input{background:#fff;border:1px solid #1d3d0724;border-radius:8px;width:100%;padding:.6rem .7rem}.sidebar-profile-actions{flex-wrap:wrap;gap:.6rem;margin-top:.3rem;display:flex}.sidebar-profile-error{color:#b42318;font-size:.8rem}.content-editor-panel{background:#fff;border:1px solid #1d3d0714;border-radius:16px;padding:1.25rem;box-shadow:0 10px 30px #0f172a0a}.content-editor-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.content-editor-header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.public-link-btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.content-editor-kicker{color:#4a5b22;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem;font-size:.76rem;font-weight:700;display:inline-block}.content-editor-header h2{color:#17380d;margin:0}.content-editor-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.content-editor-field{color:#334155;flex-direction:column;gap:.45rem;font-size:.9rem;font-weight:600;display:flex}.content-editor-field.full-width{grid-column:1/-1}.content-editor-field input,.content-editor-field textarea{color:#1f2937;width:100%;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #1d3d0724;border-radius:10px;padding:.7rem .8rem}.content-editor-field textarea{resize:vertical;min-height:120px}.content-editor-list{flex-direction:column;gap:.7rem;display:flex}.content-editor-inline-row{align-items:center;gap:.5rem;display:flex}.content-editor-inline-row input,.content-editor-news-card input,.content-editor-news-card textarea{flex:1}.content-editor-news-card{background:#f8fafc;border:1px solid #1d3d0714;border-radius:12px;flex-direction:column;gap:.6rem;padding:.8rem;display:flex}.content-editor-preview{margin-top:1.25rem}.content-editor-preview h3{color:#17380d;margin:0 0 .75rem}.content-editor-preview-card{background:#fff;border:1px solid #1d3d0714;border-radius:16px;overflow:hidden}.preview-hero{background-position:50%;background-size:cover;min-height:180px;position:relative}.preview-overlay{color:#fff;background:linear-gradient(90deg,#000000b8,#00000061);align-items:center;gap:.9rem;padding:1rem 1.25rem;display:flex;position:absolute;inset:0}.preview-logo{object-fit:cover;border:2px solid #ffffffa6;border-radius:12px;width:54px;height:54px}.preview-overlay strong{margin-bottom:.3rem;font-size:1.2rem;display:block}.preview-overlay p{opacity:.9;margin:0;font-size:.9rem;line-height:1.5}.preview-news-row{background:#f8fafc;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.8rem;padding:.9rem;display:grid}.preview-news-item{background:#fff;border:1px solid #1d3d0714;border-radius:12px;align-items:flex-start;gap:.75rem;padding:.7rem;display:flex}.preview-news-item img{object-fit:cover;border-radius:10px;width:70px;height:70px}.preview-news-item strong,.preview-news-item span{display:block}.preview-news-item strong{color:#17380d;margin-bottom:.2rem}.preview-news-item span{color:#475569;font-size:.82rem;line-height:1.45}.content-editor-error{color:#b42318;margin-top:1rem;font-size:.85rem}.content-editor-actions{justify-content:flex-end;margin-top:1rem;display:flex}.btn-secondary.small{padding:.5rem .8rem;font-size:.8rem}.sidebar-logout{color:#a33b2d;text-align:left;align-items:center;gap:.75rem;padding:.7rem .75rem;font-weight:700;display:inline-flex}.sidebar-logout-icon{justify-content:center;align-items:center;display:inline-flex}.sidebar-logout-icon svg{width:.95rem;height:.95rem}.sidebar-copyright{color:#6a7433;text-align:center;font-size:.84rem;line-height:1.5}.market-dashboard .sidebar-group{border-top:1px solid #1d3d071a;gap:.6rem;padding:.8rem 0;display:grid}.sidebar-group:first-child{border-top:none;padding-top:0}.sidebar-group-title{color:#4a5b22;text-transform:uppercase;letter-spacing:.05em;padding:0 .15rem;font-size:.9rem;font-weight:700}.sidebar-item{text-align:left;color:#123116;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.7rem .75rem;font-size:.95rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.sidebar-icon{color:#1f5f2a;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:1.45rem;height:1.45rem;font-size:.9rem;display:inline-flex}.sidebar-item:hover{background:#fffacc}.sidebar-item.active{color:#0b2f10;background:#1f4e120f}.sidebar-item.active .sidebar-icon{color:#0b2f10;background:#1f4e1214}.page-panel{background:#fff;border-radius:16px;flex:1;align-self:stretch;min-width:min(600px,100%);min-height:0;padding:1.25rem 1.4rem;box-shadow:0 6px 18px #06180e0a}.market-status{flex-direction:column;align-items:flex-end;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{color:#17380d;background:#fff;border:1px solid #1018120a;border-radius:12px;align-items:center;gap:.9rem;padding:1.25rem;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 14px 30px #84690929}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #06180e0f}.stat-icon{opacity:.9;font-size:2.2rem}.stat-value{color:#17380d;font-size:2.2rem;font-weight:800}.quick-actions-section{background:linear-gradient(#fff7d1 0%,#fff1a5 45%,#ffec79 100%);border-radius:20px;padding:2rem;box-shadow:0 10px 28px #6b601121}.quick-actions-section h3{margin-top:0;margin-bottom:1.5rem}.quick-actions-section h3 .side-card-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.quick-actions-section h3 .card-actions{align-items:center;gap:.5rem;display:flex}.quick-actions-section h3 .icon-action{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.quick-actions-section h3 .icon-action .sidebar-icon{color:#2a5d22;background:0 0;border-radius:0;width:1.9rem;height:1.9rem;padding:0;font-size:1.05rem;transition:color .12s,transform .12s}.quick-actions-section h3 .icon-action:hover .sidebar-icon{background:0 0;transform:translateY(-2px)}.quick-actions-section h3 .icon-action:focus{outline:none}.quick-actions-section h3 .sidebar-icon svg{width:.9rem;height:.9rem;display:block}.quick-actions-section h3 .icon-action:hover .sidebar-icon svg{transform:translateY(-2px)}.quick-actions-section h3 .market-edit-form .form-group{margin-bottom:.6rem}.quick-actions-section h3 .market-edit-form .form-row{gap:.6rem;display:flex}.quick-actions-section h3 .market-edit-form .form-actions{gap:.5rem;margin-top:.6rem;display:flex}.quick-actions-section h3 .market-edit-form input,.quick-actions-section h3 .market-edit-form select,.quick-actions-section h3 .market-edit-form textarea{border:1px solid #1018120f;border-radius:8px;width:100%;padding:.45rem .6rem}.quick-actions-section h3{color:#1c390b;border-bottom:3px solid #1f4e12;padding-bottom:.85rem;font-size:1.35rem}.overview-top-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.mini-card{border:1px solid #ffd60026;border-radius:20px;min-height:126px;padding:1.2rem 1.25rem;box-shadow:0 10px 24px #21520b14}.mini-card-title{color:#1d4310;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.75rem;font-size:.92rem;font-weight:700;display:block}.mini-card-value{color:#14310d;margin-bottom:.6rem;font-size:1.85rem;font-weight:800}.mini-card-note{color:#3a4e1e;font-size:.95rem;line-height:1.6}.overview-grid{grid-template-columns:1.7fr 1fr;gap:1.25rem;margin-bottom:1.25rem;display:grid}.chart-panel,.side-panel{gap:1.25rem;display:grid}.chart-panel{background:#fff;border:1px solid #10181208;border-radius:14px;padding:1.25rem;box-shadow:0 8px 20px #06180e0a}.chart-card-header{margin-bottom:1.5rem}.chart-card-header h4{color:#18350c;margin:0 0 .35rem;font-size:1.35rem}.chart-card-header p{color:#4b5b27;margin:0;font-size:.95rem;line-height:1.7}.chart-display{gap:1.5rem;display:grid}.chart-legend{color:#274212;align-items:center;gap:1rem;font-size:.95rem;display:flex}.legend-dot{border-radius:999px;width:12px;height:12px;display:inline-block}.legend-dot.green{background:#1f4e12}.legend-dot.yellow{background:#f4c300}.chart-wrapper{background:linear-gradient(#fffffff5,#ffffffbf);border:1px solid #1d3d0714;border-radius:24px;min-height:260px;padding:1rem;position:relative;overflow:hidden}.recharts-tooltip-wrapper{font-size:.95rem}.recharts-default-tooltip{background:#fffffffa;border:1px solid #ddd69666;border-radius:16px;box-shadow:0 12px 24px #1d3d071f}.overview-summary-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.summary-label{color:#3b531b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem;font-size:.9rem}.summary-value{color:#14310d;font-size:1.4rem;font-weight:800}.side-panel{gap:1.5rem;display:grid}.side-card,.compact-card{background:#fffffffa;border:1px solid #ffd60029;border-radius:24px;padding:1.5rem;box-shadow:0 14px 30px #21520b1a}.side-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;display:flex}.side-card-header span{color:#5a6019;text-transform:uppercase;letter-spacing:.04em;font-size:.95rem;font-weight:700;display:block}.side-card-header strong{color:#18350c;font-size:1.2rem;display:block}.side-kpi{gap:1rem;margin-bottom:1.3rem;display:grid}.side-kpi div{gap:.35rem;display:grid}.side-kpi span{color:#3d5224;font-size:.9rem}.side-kpi strong{color:#122f0c;font-size:1.25rem}.asset-pie{background:#fff4b3f2;border:1px solid #bd940033;border-radius:18px;gap:.75rem;padding:1rem;display:grid}.asset-percent{color:#14310d;font-size:2.4rem;font-weight:800}.status-block{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.85rem;display:flex}.status-block span{color:#3b541e;text-transform:uppercase;letter-spacing:.04em;font-size:.95rem}.status-block strong{color:#14310d;font-size:1.25rem}.compact-card p{color:#425623;margin:0;line-height:1.7}.status-badge{border:1px solid #1d430729;border-radius:999px;padding:.5rem .9rem;font-size:.85rem;font-weight:700;display:inline-block}.status-aktif{color:#1d4f0d;background-color:#dcf0c7}.status-nonaktif{color:#8b4f05;background-color:#ffe7a5}.loading{color:#1f3f0d;justify-content:center;align-items:center;min-height:60vh;font-size:1.25rem;font-weight:700;display:flex}.error-message{text-align:center;color:#b71c1c;background:#fff0dd;border-radius:18px;padding:2rem;box-shadow:0 8px 20px #b71c1c14}.error-message h2{margin:0 0 1rem}.error-message p{margin:.5rem 0}.page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.page-header h2{color:#17380d;margin:0;font-size:1.85rem}.page-header p{color:#3a5122;margin:.5rem 0 0;line-height:1.6}.table-card{background:#fffffff5;border:1px solid #ffd6002e;border-radius:24px;margin-bottom:1.75rem;padding:1.5rem;box-shadow:0 16px 32px #21520b1a}.table-card-header{margin-bottom:1rem}.table-card-header h3{color:#18350c;margin:0 0 .4rem}.table-card-header p{color:#4b5b27;margin:0;font-size:.95rem}.table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:720px}.data-table thead{background:#fff07ef2}.data-table th,.data-table td{text-align:left;color:#2f4715;border-bottom:1px solid #1d3d0714;padding:.95rem 1rem;font-size:.95rem}.data-table th{font-weight:700}.data-table tbody tr:hover{background:#fff6bd99}.no-data{color:#52612d;margin:1.5rem 0;font-weight:600}.form-card{background:#fffffffa;border:1px solid #ffd60029;border-radius:22px;margin-bottom:1.75rem;padding:1.75rem;box-shadow:0 14px 30px #21520b14}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.full-width{width:100%;display:block}.full-width textarea,.full-width input,.form-grid input,.form-grid select{color:#1f3d10;background:#fff;border:1px solid #1d3d0729;border-radius:14px;width:100%;padding:.95rem 1rem;font-size:.95rem}.full-width textarea{resize:vertical;min-height:120px}.form-actions{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:999px;padding:.95rem 1.4rem;font-weight:700;transition:transform .2s,box-shadow .2s}.btn-primary{color:#fff;background:#193d0c}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 24px #193d0c33}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 12px 20px #1d3d071f}.space-between{justify-content:space-between}@media (width<=960px){.dashboard-layout{flex-direction:column}.market-dashboard .sidebar,.page-panel{width:100%}}@media (width<=720px){.market-dashboard,.page-panel{padding:1rem}.overview-top-row,.overview-grid,.overview-summary-row{grid-template-columns:1fr}.sidebar-item{padding:.6rem .65rem}}:root{--primary:#10b981;--primary-dark:#059669;--primary-light:#d1fae5;--dark:#1e293b;--dark-light:#334155;--text:#64748b;--border:#e2e8f0;--bg:#f8fafc;--white:#fff;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #00000026;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth}body{color:var(--text);background:var(--white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--dark);line-height:1.3}h1{margin-bottom:1rem;font-size:2.5rem;font-weight:700}h2{margin-bottom:.5rem;font-size:2rem;font-weight:700}h3{margin-bottom:.5rem;font-size:1.25rem;font-weight:600}p{color:var(--text);margin-bottom:1rem}a{color:var(--primary);transition:var(--transition);text-decoration:none}a:hover{color:var(--primary-dark)}.navbar{background:var(--white);border-bottom:1px solid var(--border);z-index:1000;box-shadow:var(--shadow-sm);position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;height:80px;margin:0 auto;padding:0 2rem;display:flex}.navbar-brand{flex-shrink:0;align-items:center;gap:1rem;display:flex}.navbar-logo{object-fit:cover;border-radius:8px;width:48px;height:48px}.navbar-title{color:var(--dark);font-size:1.1rem;font-weight:600}.navbar-menu{flex:1;gap:2rem;margin-left:3rem;list-style:none;display:flex}.navbar-menu li a{color:var(--text);transition:var(--transition);font-weight:500;position:relative}.navbar-menu li a:hover{color:var(--primary)}.navbar-menu li a:after{content:"";background:var(--primary);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-4px;left:0}.navbar-menu li a:hover:after{width:100%}.navbar-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;display:none}.navbar-toggle span{background:var(--dark);width:25px;height:3px;transition:var(--transition);border-radius:2px}.navbar-cta{background:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:8px;flex-shrink:0;padding:.75rem 1.5rem;font-weight:600}.navbar-cta:hover{background:var(--primary-dark);transform:translateY(-2px)}@media (width<=768px){.navbar-menu{background:var(--white);border-bottom:1px solid var(--border);flex-direction:column;gap:0;padding:1rem;display:none;position:absolute;top:80px;left:0;right:0}.navbar-menu.active{display:flex}.navbar-menu li{padding:.5rem 0}.navbar-menu li a:after{display:none}.navbar-toggle{display:flex}.navbar-cta{display:none}}.hero{justify-content:center;align-items:center;min-height:600px;margin-top:-80px;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;background-position:50%;background-size:cover;animation:8s ease-in-out zoomIn;position:absolute;inset:0}@keyframes zoomIn{0%{transform:scale(1.05)}to{transform:scale(1)}}.hero-overlay{z-index:1;background:linear-gradient(135deg,#0009 0%,#0000004d 100%);position:absolute;inset:0}.hero-content-wrapper{z-index:2;color:#fff;text-align:center;max-width:600px;padding:0 2rem;animation:.8s ease-out .2s both fadeUpIn;position:relative}@keyframes fadeUpIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{color:#fff;margin-bottom:1rem;font-size:3.5rem;font-weight:800}.hero-subtitle{color:#fffffff2;margin-bottom:.5rem;font-size:1.5rem;font-weight:300}.hero-description{color:#ffffffd9;margin-bottom:2rem;font-size:1.1rem}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn{cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:8px;padding:1rem 2rem;font-size:1rem;font-weight:600}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{color:#fff;background:#fff3;border:2px solid #fff}.btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.btn-large{padding:1.25rem 2.5rem;font-size:1.1rem}.hero-dots{z-index:3;gap:.5rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.dot{cursor:pointer;width:12px;height:12px;transition:var(--transition);background:#fff6;border:none;border-radius:50%}.dot.active{background:#fff;transform:scale(1.3)}.section{padding:5rem 0;position:relative}.section h2{text-align:center;margin-bottom:1rem;font-size:2.25rem}.section-description{text-align:center;color:var(--text);max-width:500px;margin:0 auto 3rem;font-size:1.1rem}.about-market{background:var(--bg)}.about-market>.container>p{text-align:center;max-width:700px;margin:0 auto 3rem;font-size:1.1rem;line-height:1.8}.highlights-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:3rem;display:grid}.highlight-card{text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition);opacity:0;background:#fff;border-radius:12px;padding:2rem;animation:.6s ease-out forwards fadeUpIn}.highlight-card:first-child{animation-delay:.1s}.highlight-card:nth-child(2){animation-delay:.2s}.highlight-card:nth-child(3){animation-delay:.3s}.highlight-card:nth-child(4){animation-delay:.4s}.highlight-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.highlight-icon{margin-bottom:1rem;font-size:2.5rem}.highlight-card h3{color:var(--primary);margin-bottom:.5rem}.highlight-card p{margin:0;font-size:.95rem}.advantages{background:#fff}.advantages-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin-top:3rem;display:grid}.advantage-card{background:linear-gradient(135deg, var(--primary-light) 0%, #10b9810d 100%);border-left:4px solid var(--primary);transition:var(--transition);opacity:0;border-radius:12px;padding:2rem;animation:.6s ease-out forwards fadeUpIn}.advantage-card:first-child{animation-delay:.1s}.advantage-card:nth-child(2){animation-delay:.2s}.advantage-card:nth-child(3){animation-delay:.3s}.advantage-card:nth-child(4){animation-delay:.4s}.advantage-card:hover{box-shadow:var(--shadow-md);transform:translateY(-8px)}.advantage-icon{margin-bottom:1rem;font-size:2rem}.advantage-card h3{color:var(--primary);margin-bottom:.5rem}.siaga-info{background:linear-gradient(135deg, var(--dark) 0%, var(--dark-light) 100%);color:#fff}.siaga-info h2{color:#fff;margin-bottom:1.5rem}.siaga-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;margin-top:2rem;display:grid}.siaga-text p{color:#ffffffe6;margin-bottom:1.5rem}.siaga-features{flex-direction:column;gap:1rem;list-style:none;display:flex}.siaga-features li{color:#ffffffe6;align-items:center;gap:.75rem;font-size:1rem;display:flex}.siaga-visual{justify-content:center;align-items:center;display:flex}.siaga-icon-box{text-align:center;background:#ffffff1a;border:2px solid #fff3;border-radius:12px;padding:3rem}.siaga-icon{margin-bottom:1rem;font-size:4rem}.siaga-icon-box p{color:#fff;margin:0}.news{background:var(--bg)}.news-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.news-card{box-shadow:var(--shadow-sm);transition:var(--transition);opacity:0;background:#fff;border-radius:12px;animation:.6s ease-out forwards fadeUpIn;overflow:hidden}.news-card:first-child{animation-delay:.1s}.news-card:nth-child(2){animation-delay:.2s}.news-card:nth-child(3){animation-delay:.3s}.news-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.news-image{background-position:50%;background-size:cover;width:100%;height:200px}.news-body{padding:1.5rem}.news-card h3{color:var(--dark);margin-bottom:.75rem}.news-card p{color:var(--text);margin-bottom:1rem;font-size:.95rem}.news-link{color:var(--primary);font-weight:600;display:inline-block;position:relative}.news-link:after{content:"";background:var(--primary);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-2px;left:0}.news-link:hover:after{width:100%}.gallery{background:#fff}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:3rem;display:grid}.gallery-item{aspect-ratio:1;box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer;border-radius:12px;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.gallery-item:hover{box-shadow:var(--shadow-lg)}.gallery-item:hover img{transform:scale(1.05)}.cta-section{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;text-align:center;padding:6rem 2rem}.cta-section h2{color:#fff;margin-bottom:1rem}.cta-section p{color:#fffffff2;max-width:500px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.1rem}.footer{background:var(--dark);color:#fffc;border-top:1px solid #ffffff1a;padding:4rem 0 2rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:2rem;display:grid}.footer-section h4{color:#fff;margin-bottom:1rem}.footer-section p{margin-bottom:.5rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:#fffc}.footer-section a:hover{color:#fff}.footer-bottom{text-align:center;border-top:1px solid #ffffff1a;padding-top:2rem}.footer-bottom p{margin:.25rem 0;font-size:.9rem}.market-landing-loading{background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.spinner{border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.market-landing-error{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.error-card{text-align:center;box-shadow:var(--shadow-md);background:#fff;border-radius:16px;max-width:480px;padding:3rem}.error-card h1{color:var(--dark);margin-bottom:1rem}.error-card p{color:var(--text);margin-bottom:1.5rem}.btn-back{background:var(--primary);color:#fff;transition:var(--transition);border-radius:8px;padding:.75rem 1.5rem;font-weight:600;display:inline-block}.btn-back:hover{background:var(--primary-dark)}@media (width<=768px){h1{font-size:2rem}h2{font-size:1.5rem}.container,.navbar-container{padding:0 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-description{font-size:1rem}.hero-buttons{flex-direction:column}.btn{width:100%}.siaga-content,.highlights-grid,.advantages-grid,.news-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.section{padding:3rem 0}.hero{min-height:450px}}@media (width<=480px){.navbar-title{display:none}h1{font-size:1.5rem}h2{font-size:1.25rem}.hero{min-height:350px;padding-top:80px}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.hero-description{font-size:.95rem}.gallery-grid,.footer-grid{grid-template-columns:1fr}.siaga-icon-box{padding:2rem}.siaga-icon{font-size:3rem}.cta-section{padding:4rem 1rem}}.juri-docs{color:#0f172a;background:linear-gradient(#f8fafc 0%,#eef5ff 100%);min-height:100vh;font-family:Inter,Segoe UI,sans-serif}.juri-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fafccc;border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:18px 24px;display:flex;position:sticky;top:0}.juri-brand-wrap{align-items:center;gap:.8rem;display:flex}.juri-brand-mark{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#0f766e 100%);border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid;box-shadow:0 10px 20px #1d4ed840}.juri-brand-copy{flex-direction:column;line-height:1.15;display:flex}.juri-brand-name{letter-spacing:.12em;font-size:.78rem;font-weight:800}.juri-brand-subtitle{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}.juri-header-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:flex}.juri-header-nav a,.juri-topbar-cta{color:#334155;border-radius:999px;padding:.7rem .9rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s}.juri-header-nav a:hover{color:#1d4ed8;background:#3b82f60f}.juri-topbar-cta{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%);box-shadow:0 10px 18px #2563eb3d}.juri-page{max-width:1200px;margin:0 auto;padding:28px 24px 72px}.juri-hero{color:#f8fafc;background:linear-gradient(135deg,#0f172afa 0%,#1e293bf5 100%);border-radius:26px;grid-template-columns:1.5fr .9fr;align-items:center;gap:1.5rem;padding:32px;display:grid;box-shadow:0 20px 42px #0f172a24}.juri-eyebrow{color:#bfdbfe;text-transform:uppercase;letter-spacing:.14em;margin:0 0 12px;font-size:.72rem;font-weight:700}.juri-hero-copy h1{letter-spacing:-.07em;margin:0;font-size:clamp(2.2rem,5vw,4rem);line-height:.96}.juri-hero-copy h2{color:#dbeafe;margin:.8rem 0 .9rem;font-size:clamp(1.15rem,2vw,1.9rem);line-height:1.2}.juri-hero-copy p{color:#e2e8f0db;max-width:640px;margin:0;font-size:1rem;line-height:1.75}.juri-cta-row{flex-wrap:wrap;gap:.8rem;margin-top:1.5rem;display:flex}.juri-btn{border-radius:12px;justify-content:center;align-items:center;min-height:46px;padding:.9rem 1.2rem;font-weight:700;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-flex}.juri-btn:hover{transform:translateY(-1px)}.juri-btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.juri-btn-secondary{color:#f8fafc;background:#94a3b81f;border:1px solid #94a3b833}.juri-hero-meta{flex-wrap:wrap;gap:.7rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.juri-hero-meta li{color:#dbeafe;background:#0f172a47;border:1px solid #94a3b838;border-radius:999px;padding:.5rem .75rem;font-size:.75rem;font-weight:600}.juri-hero-panel{background:#ffffff0f;border:1px solid #94a3b82e;border-radius:22px;padding:1.2rem}.juri-panel-badge{color:#bbf7d0;letter-spacing:.08em;text-transform:uppercase;background:#22c55e1f;border:1px solid #22c55e40;border-radius:999px;justify-content:center;align-items:center;padding:.45rem .7rem;font-size:.7rem;font-weight:700;display:inline-flex}.juri-hero-panel h3{margin:1rem 0;font-size:1.3rem}.juri-panel-grid{grid-template-columns:repeat(3,minmax(80px,1fr));gap:.7rem;margin-bottom:1rem;display:grid}.juri-panel-grid div{background:#0f172a52;border:1px solid #94a3b81f;border-radius:14px;flex-direction:column;gap:.25rem;padding:.8rem .7rem;display:flex}.juri-panel-grid strong{font-size:1.5rem;line-height:1}.juri-panel-grid span{color:#cbd5e1;font-size:.72rem}.juri-hero-panel p{color:#e2e8f0cc;margin:0;font-size:.92rem;line-height:1.7}.juri-section{margin-top:3rem}.juri-section-title{margin-bottom:1.2rem}.juri-section-title h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.5rem,2.5vw,2.3rem)}.juri-section-title p{color:#64748b;margin:.45rem 0 0;line-height:1.6}.juri-overview-grid,.juri-problem-grid,.juri-feature-grid,.juri-impact-grid,.juri-preview-grid,.juri-step-grid,.juri-resource-grid,.juri-demo-center,.juri-account-grid{gap:1rem;display:grid}.juri-overview-grid,.juri-problem-grid,.juri-feature-grid,.juri-impact-grid,.juri-preview-grid,.juri-step-grid,.juri-resource-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.juri-overview-card,.juri-card,.juri-feature-card,.juri-impact-card,.juri-preview-card,.juri-step-card,.juri-resource-card,.juri-account-card,.juri-demo-card{background:#ffffffd6;border:1px solid #94a3b82e;border-radius:18px;box-shadow:0 12px 24px #0f172a0a}.juri-overview-card,.juri-feature-card,.juri-impact-card,.juri-preview-card,.juri-step-card,.juri-resource-card,.juri-demo-card,.juri-account-card,.juri-card{padding:1.2rem}.juri-overview-card h3,.juri-feature-card h3,.juri-impact-card h3,.juri-step-card h3,.juri-demo-card h3,.juri-account-card h3{margin:0 0 .5rem;font-size:1.05rem}.juri-overview-card p,.juri-card p,.juri-feature-card p,.juri-impact-card p,.juri-step-card p,.juri-demo-card p,.juri-account-card p{color:#475569;margin:0;font-size:.92rem;line-height:1.7}.juri-card-ribbon{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-radius:999px;justify-content:center;align-items:center;margin-bottom:.9rem;padding:.4rem .7rem;font-size:.72rem;font-weight:700;display:inline-flex}.juri-solution-graph{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #94a3b82e;border-radius:20px;grid-template-columns:repeat(3,minmax(120px,1fr));align-items:center;gap:.8rem;padding:1.2rem;display:grid}.juri-node,.juri-connector{text-align:center;border-radius:14px;justify-content:center;align-items:center;min-height:60px;padding:.7rem;font-weight:700;display:flex}.juri-node{color:#0f172a;background:linear-gradient(135deg,#3b82f617 0%,#14b8a614 100%);border:1px solid #3b82f62e}.juri-connector{color:#334155;background:#0f172a0a;border:1px dashed #0f172a26}.juri-connector-main{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#0f766e 100%);border:none}.juri-feature-card{flex-direction:column;gap:.7rem;display:flex}.juri-feature-icon{background:linear-gradient(135deg,#3b82f61f 0%,#14b8a61f 100%);border-radius:12px;place-items:center;width:42px;height:42px;font-size:1.45rem;display:grid}.juri-flow{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.8rem;margin-bottom:1.3rem;display:grid}.juri-flow-item{text-align:center;background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #94a3b82e;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-height:96px;padding:1rem .7rem;display:flex;position:relative}.juri-flow-item:after{content:"→";color:#94a3b8;font-size:1.2rem;position:absolute;top:50%;right:-.45rem;transform:translateY(-50%)}.juri-flow-item:last-child:after{content:""}.juri-flow-label{color:#1d4ed8;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.72rem;font-weight:800;display:inline-flex}.juri-flow-item strong{color:#0f172a;font-size:.82rem}.juri-youtube-embed{border-radius:12px;width:100%;height:0;margin:2rem 0;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 10px 30px #1d4ed826}.juri-youtube-embed iframe{border-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0}.juri-demo-center{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.juri-demo-card{flex-direction:column;gap:.8rem;display:flex}.juri-demo-card a,.juri-public-demo-box a,.juri-resource-card{text-decoration:none}.juri-demo-card a,.juri-public-demo-box a{color:#1d4ed8;font-weight:700}.juri-demo-primary{background:linear-gradient(135deg,#3b82f60f 0%,#14b8a60f 100%)}.juri-demo-icon{font-size:1.7rem}.juri-account-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.juri-account-card{flex-direction:column;gap:.8rem;display:flex}.juri-account-topline{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.juri-role-badge{color:#fff;border-radius:999px;justify-content:center;align-items:center;padding:.38rem .7rem;font-size:.67rem;font-weight:700;display:inline-flex}.juri-role-code{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.juri-role-admin{background:#ef4444}.juri-role-market_head{background:#f97316}.juri-role-officer{background:#3b82f6}.juri-role-treasurer{background:#8b5cf6}.juri-credential-row{flex-direction:column;gap:.25rem;display:flex}.juri-credential-row label{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.juri-credential-row code,.juri-credential-row span{word-break:break-word;background:#f8fafc;border:1px solid #94a3b833;border-radius:8px;padding:.5rem .6rem;font-size:.8rem}.juri-public-demo-box{color:#f8fafc;background:linear-gradient(135deg,#0f172af5 0%,#1e293bf5 100%);border-radius:20px;justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem 1.5rem;display:flex}.juri-public-tag{color:#dbeafe;text-transform:uppercase;letter-spacing:.08em;background:#3b82f62e;border:1px solid #60a5fa4d;border-radius:999px;justify-content:center;align-items:center;padding:.42rem .75rem;font-size:.7rem;display:inline-flex}.juri-public-demo-box h3{margin:.8rem 0 .5rem;font-size:1.4rem}.juri-public-demo-box p{color:#e2e8f0cc;max-width:680px;margin:0;line-height:1.7}.juri-public-demo-box a{color:#dbeafe;white-space:nowrap}.juri-aux-links{margin-top:.9rem}.juri-aux-links a{color:#1d4ed8;font-weight:700;text-decoration:none}.juri-aux-hint{color:#64748b;margin-top:.6rem;font-size:.85rem;display:block}.juri-aux-hint code{color:#1d4ed8;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:Monaco,Menlo,monospace;font-size:.8rem;font-weight:700}.juri-impact-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.juri-preview-card{background:linear-gradient(135deg,#f8fafc 0%,#dbeafec7 100%);flex-direction:column;justify-content:flex-end;min-height:150px;display:flex;position:relative;overflow:hidden}.juri-preview-badge{color:#1d4ed8;background:#fff;border:1px solid #3b82f62e;border-radius:999px;justify-content:center;align-items:center;width:max-content;margin-bottom:.8rem;padding:.42rem .7rem;font-size:.7rem;font-weight:700;display:inline-flex}.juri-tech-list{flex-wrap:wrap;gap:.75rem;display:flex}.juri-tech-list span{color:#334155;background:#ffffffd1;border:1px solid #94a3b833;border-radius:999px;justify-content:center;align-items:center;padding:.72rem .9rem;font-size:.8rem;font-weight:600;display:inline-flex}.juri-resource-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.juri-resource-card{color:#0f172a;flex-direction:column;gap:.4rem;display:flex}.juri-resource-card span{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.juri-resource-card strong{font-size:1rem;line-height:1.4}.juri-step-card{flex-direction:column;gap:.55rem;display:flex}.juri-step-card span{color:#fff;background:#1d4ed8;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.72rem;font-weight:800;display:inline-flex}.juri-final-cta{color:#f8fafc;background:linear-gradient(135deg,#0f172a 0% 100%);border-radius:24px;justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding:1.6rem 1.7rem;display:flex}.juri-final-cta h2{margin:.5rem 0 0;font-size:clamp(1.7rem,2vw,2.2rem)}.juri-final-actions{flex-wrap:wrap;gap:.7rem;display:flex}.juri-footer{text-align:center;color:#64748b;border-top:1px solid #94a3b833;margin-top:4rem;padding:2rem 0;font-size:.9rem}.juri-footer p{margin:.4rem 0}.juri-footer p:first-child{color:#1d4ed8;font-size:.95rem;font-weight:700}@media (width<=980px){.juri-hero{grid-template-columns:1fr}.juri-public-demo-box{flex-direction:column;align-items:flex-start}}@media (width<=760px){.juri-header{flex-wrap:wrap;justify-content:center}.juri-header-nav{width:100%}.juri-page{padding-left:16px;padding-right:16px}.juri-hero{padding:24px 18px}.juri-final-cta{flex-direction:column;align-items:flex-start}}.public-stall-page{color:#1e293b;background:linear-gradient(145deg,#eef4e9 0%,#f8fafc 52%,#dcebe0 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.public-stall-panel{background:#fffffff5;border:1px solid #d8e4d4;border-radius:12px;width:min(100%,620px);padding:32px;box-shadow:0 18px 50px #1f4e2d24}.public-stall-brand{border-bottom:1px solid #e5e7eb;align-items:center;gap:16px;padding-bottom:24px;display:flex}.public-stall-brand img{object-fit:cover;border-radius:8px;width:56px;height:56px}.public-stall-brand>span{color:#fff;background:#1f7a1f;border-radius:8px;place-items:center;width:56px;height:56px;font-weight:700;display:grid}.public-stall-brand p,.public-stall-brand h1,.public-stall-panel footer{margin:0}.public-stall-brand p{color:#64748b;margin:4px 0 0;font-size:.85rem}.public-stall-brand h1{color:#1f5f2a;margin:0;font-size:1.55rem}.public-stall-body-title{color:#1f5f2a;margin-top:24px;font-size:1.1rem;font-weight:700}.public-stall-identity{align-items:center;gap:12px;padding:24px 0;display:flex}.public-stall-label{color:#64748b;font-size:.85rem}.public-stall-identity strong{color:#172b1b;font-size:1.35rem}.public-stall-status{color:#166534;background:#dcfce7;border-radius:999px;margin-left:auto;padding:5px 10px;font-size:.78rem;font-weight:700}.public-stall-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;display:grid}.public-stall-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.public-stall-summary-card{background:linear-gradient(#f8fafc 0%,#eef7ee 100%);border:1px solid #dfeee1;border-radius:10px;padding:12px 10px}.public-stall-summary-card span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.72rem;display:block}.public-stall-summary-card strong{color:#1f5f2a;font-size:1rem;line-height:1.4}.public-stall-details div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:14px}.public-stall-details dt{color:#64748b;font-size:.8rem}.public-stall-details dd{color:#1e293b;margin:5px 0 0;font-weight:600}.public-stall-panel footer{color:#94a3b8;text-align:center;margin-top:24px;font-size:.8rem}.public-stall-error{text-align:center}.public-stall-error h1{color:#991b1b;margin-top:0}.public-stall-error a{color:#1f5f2a;font-weight:600}.public-stall-pin-panel{max-width:430px}.public-stall-pin-form{gap:10px;margin-top:28px;display:grid}.public-stall-pin-form label{color:#475569;font-size:.9rem;font-weight:600}.public-stall-pin-form input{box-sizing:border-box;letter-spacing:8px;text-align:center;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:14px;font-size:1.4rem}.public-stall-pin-form button{color:#fff;cursor:pointer;background:#1f7a1f;border:0;border-radius:8px;padding:13px;font-weight:700}.public-stall-pin-form button:disabled{opacity:.55;cursor:not-allowed}.public-stall-pin-error{color:#b91c1c;text-align:center;margin:12px 0 0;font-size:.9rem}.public-stall-demo-section{text-align:center;border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.public-stall-demo-label{color:#64748b;margin:0 0 10px;font-size:.85rem}.public-stall-demo-button{color:#1f5f2a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:12px 20px;font-size:.9rem;font-weight:700;transition:all .2s}.public-stall-demo-button:hover{background:#f8fafc;border-color:#1f5f2a}.public-stall-demo-button:disabled{opacity:.55;cursor:not-allowed}.public-stall-section{border-top:1px solid #e5e7eb;margin-top:26px;padding-top:22px}.public-stall-section-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.public-stall-section-heading h2{color:#1f5f2a;margin:0;font-size:1.05rem}.public-stall-section-heading span{color:#64748b;font-size:.8rem}.public-stall-list{border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;overflow:hidden}.public-stall-list-row{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:16px;padding:13px;font-size:.9rem;display:flex}.public-stall-list-row:last-child{border-bottom:0}.public-stall-list-row span{color:#475569;gap:3px;display:grid}.public-stall-list-row small{color:#94a3b8;font-size:.75rem}.public-stall-list-row strong{color:#166534;white-space:nowrap}.public-stall-muted{color:#64748b;font-size:.9rem}.public-stall-tabs{background:#eef4e9;border-radius:9px;grid-template-columns:1fr 1fr;gap:6px;margin-top:26px;padding:5px;display:grid}.public-stall-tabs button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:11px 8px;font-weight:700}.public-stall-tabs button.active{color:#1f5f2a;background:#fff;box-shadow:0 2px 7px #1f4e2d1f}.public-stall-tabs button span{opacity:.75;margin-left:4px;font-size:.75rem}@media (width<=560px){.public-stall-page{padding:14px}.public-stall-panel{padding:22px}.public-stall-details{grid-template-columns:1fr}.public-stall-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.public-stall-identity{flex-wrap:wrap}.public-stall-status{margin-left:0}}.perumda-page{color:#18322a;background:#edf2ed;min-height:100vh;font-family:Georgia,Times New Roman,serif}.perumda-login-page{background:radial-gradient(circle at 15% 10%,#d8ead9 0,#0000 34%),#edf2ed;place-items:center;padding:24px;display:grid}.perumda-login-panel{background:#fffdf7;border:1px solid #d9e3d8;width:min(100%,430px);padding:42px;box-shadow:0 24px 60px #18322a1f}.perumda-mark{color:#fffdf7;background:#1f614b;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:28px;font:700 24px Georgia,serif;display:grid}.perumda-mark.small{width:38px;height:38px;margin:0;font-size:18px}.perumda-eyebrow{color:#a26035;letter-spacing:.12em;text-transform:uppercase;font:700 11px/1.4 Arial,sans-serif}.perumda-login-panel h1{letter-spacing:0;margin:7px 0 12px;font-size:clamp(2rem,6vw,3rem);font-weight:500}.perumda-muted{color:#68776d;font:15px/1.6 Arial,sans-serif}.perumda-pin-form{gap:9px;margin-top:30px;display:grid}.perumda-pin-form label,.perumda-filter label{color:#53645a;font:12px Arial,sans-serif}.perumda-pin-form input{color:#18322a;letter-spacing:.25em;text-align:center;background:#fff;border:1px solid #b9cbb9;border-radius:0;width:100%;padding:14px;font:700 22px Arial,sans-serif}.perumda-pin-form button,.perumda-filter button{color:#fff;background:#1f614b;border:0;border-radius:0;padding:13px 18px;font:700 13px Arial,sans-serif}.perumda-pin-form button:disabled,.perumda-filter button:disabled{cursor:not-allowed;opacity:.5}.perumda-login-footnote{color:#87948a;margin-top:28px;font:12px Arial,sans-serif}.perumda-error{color:#a33b2d;margin-top:14px;font:13px Arial,sans-serif}.perumda-header{background:#fffdf7;border-bottom:1px solid #d9e3d8;justify-content:space-between;align-items:center;padding:24px max(24px,50vw - 590px);display:flex}.perumda-brand-lockup{align-items:center;gap:12px;display:flex}.perumda-brand-lockup h1{margin-top:2px;font-size:22px;font-weight:500}.perumda-logout{color:#1f614b;background:0 0;border:1px solid #b9cbb9;border-radius:0;padding:9px 14px;font:700 12px Arial,sans-serif}.perumda-content{width:min(1180px,100% - 48px);margin:0 auto;padding:54px 0 72px}.perumda-intro,.perumda-section-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.perumda-intro h2{letter-spacing:0;margin-top:7px;font-size:clamp(2rem,4vw,3.4rem);font-weight:500}.perumda-filter{align-items:end;gap:8px;display:flex}.perumda-filter label{gap:5px;display:grid}.perumda-filter input{color:#18322a;background:#fffdf7;border:1px solid #b9cbb9;border-radius:0;padding:10px;font:13px Arial,sans-serif}.perumda-period{color:#718077;margin:32px 0 12px;font:12px Arial,sans-serif}.perumda-metrics{border-top:1px solid #b9cbb9;border-bottom:1px solid #b9cbb9;grid-template-columns:repeat(4,1fr);display:grid}.perumda-metrics article{border-right:1px solid #d9e3d8;min-height:150px;padding:24px 20px}.perumda-metrics article:last-child{border-right:0}.perumda-metrics span,.perumda-metrics small{color:#718077;font:12px Arial,sans-serif;display:block}.perumda-metrics strong{color:#18322a;margin:16px 0 6px;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:500;display:block}.perumda-metrics .accent{background:#1f614b}.perumda-metrics .accent span,.perumda-metrics .accent small,.perumda-metrics .accent strong{color:#fffdf7}.perumda-table-section{margin-top:56px}.perumda-section-heading h2{margin-top:6px;font-size:28px;font-weight:500}.perumda-section-heading>span{color:#a26035;font:12px Arial,sans-serif}.perumda-table-wrap{background:#fffdf7;border-top:2px solid #1f614b;margin-top:20px;overflow-x:auto}.perumda-table-wrap table{border-collapse:collapse;width:100%;min-width:700px;font:13px Arial,sans-serif}.perumda-table-wrap th{color:#718077;text-align:left;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #d9e3d8;padding:15px 16px;font-size:11px}.perumda-table-wrap td{color:#385047;border-bottom:1px solid #e4ebe3;padding:17px 16px}.perumda-table-wrap td:first-child{color:#18322a}.perumda-table-wrap td strong,.perumda-table-wrap td small{display:block}.perumda-table-wrap td small{color:#849188;margin-top:4px;font-size:11px}.perumda-table-wrap .pending{color:#a26035}@media (width<=760px){.perumda-login-panel{padding:30px 24px}.perumda-header{padding:18px 20px}.perumda-content{width:min(100% - 32px,580px);padding-top:34px}.perumda-intro,.perumda-section-heading{align-items:start;display:grid}.perumda-filter{grid-template-columns:1fr 1fr;display:grid}.perumda-filter button{grid-column:1/-1}.perumda-metrics{grid-template-columns:1fr 1fr}.perumda-metrics article:nth-child(2){border-right:0}.perumda-metrics article:nth-child(-n+2){border-bottom:1px solid #d9e3d8}}.app{min-height:100vh}.loading-screen{color:gold;background:linear-gradient(135deg,#2d5016 0%,#1a1a1a 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-screen h1{margin-bottom:1rem;font-size:3rem}.loading-screen p{opacity:.9;font-size:1.2rem}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1a1a;background:linear-gradient(135deg,#f8f9fa 0%,#f0f0f0 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{cursor:pointer;color:gold;background:linear-gradient(135deg,#2d5016 0%,#1a1a1a 100%);border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2d50164d}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{border:1px solid #ddd;border-radius:4px;padding:.75rem;font-family:inherit;font-size:1rem}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,textarea:focus,select:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff40}.container{max-width:1200px;margin:0 auto;padding:0 1rem}