@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);:root{--color-graphite:#2c2f35;--color-oxford:#0f3057;--color-yale:#1b4965;--color-lightsea:#1ca7a6;--color-coral:coral;--color-platinum:#f4f6f8}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f4f6f8;background:var(--color-platinum);color:#2c2f35;color:var(--color-graphite);font-family:Poppins,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#e5e7eb}::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:3px}.app{background:linear-gradient(135deg,#f1f2f4,#e4e6ea);min-height:100vh}.app-header{animation:headerGradient 20s ease infinite;background:linear-gradient(135deg,#020b18,#062a5a 25%,#0a4f8c 50%,#0d86c8 75%,#00c6ef);background-size:300% 300%;border-bottom:1px solid #00c6ef66;box-shadow:0 4px 8px #0000004d,0 10px 30px #0050a066,0 20px 60px #0096d226;padding:0 2rem;position:sticky;top:0;z-index:100}.user-header{background:#050d14;border-bottom:1px solid #ffffff0f;box-shadow:0 2px 24px #0000008c;font-family:Poppins,sans-serif;overflow:hidden;padding:0 2.5rem;position:sticky;top:0;z-index:200}.user-header:before{animation:blobUserLeft 8s cubic-bezier(.4,0,.2,1) infinite alternate;background:radial-gradient(ellipse,#1ca7a673 0,#0000 60%);height:350px;left:-200px;top:-150px;width:500px}.user-header:after,.user-header:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.user-header:after{animation:blobUserRight 10s cubic-bezier(.4,0,.2,1) infinite alternate;background:radial-gradient(ellipse,#ff7f5059 0,#0000 60%);height:400px;right:-250px;top:-100px;width:600px}@keyframes blobUserLeft{0%{opacity:.6;transform:translate(0) scale(1)}33%{opacity:.9;transform:translate(150px,40px) scale(1.1)}66%{opacity:1;transform:translate(80px,90px) scale(.9)}to{opacity:.5;transform:translate(250px,-20px) scale(1.2)}}@keyframes blobUserRight{0%{opacity:.5;transform:translate(0) scale(1)}33%{opacity:.9;transform:translate(-180px,60px) scale(1.15)}66%{opacity:1;transform:translate(-100px,-20px) scale(.85)}to{opacity:.6;transform:translate(-250px,40px) scale(1.2)}}.user-header-content{align-items:center;display:flex;gap:2rem;height:62px;justify-content:space-between;position:relative;z-index:1}.user-header-left{align-items:center;display:flex;flex-shrink:0;gap:.55rem}.user-header-brand{color:#fff;font-family:Poppins,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:.01em}.user-header-nav{align-items:center;display:flex;gap:.25rem}.user-nav-item{border-radius:6px;color:#ffffff8c;cursor:pointer;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:500;letter-spacing:.01em;padding:.45rem 1rem;position:relative;transition:color .2s,background .2s}.user-nav-item:hover{background:#ffffff12;color:#ffffffe6}.user-nav-item.user-nav-active{color:#fff;font-weight:600}.user-nav-item.user-nav-active:after{background:#1ca7a6;border-radius:50%;bottom:-4px;box-shadow:0 0 8px #1ca7a699;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:5px}.user-header-right{align-items:center;display:flex;flex-shrink:0;gap:.6rem}.user-logout-btn{align-items:center;background:#ef44441f;border:1px solid #ef44444d;border-radius:999px;color:#fca5a5;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;gap:.4rem;padding:.3rem .9rem .3rem .6rem;transition:all .2s}.user-logout-btn:hover{background:#ef444440;border-color:#ef444480;color:#fecaca;transform:translateY(-1px)}.profile-dropdown-container{position:relative;z-index:100}.profile-avatar-trigger{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;color:#fff;cursor:pointer;display:flex;gap:.6rem;padding:.25rem .6rem .25rem .25rem;transition:background .2s,box-shadow .2s}.profile-avatar-trigger:hover{background:#ffffff26;box-shadow:0 4px 16px #00000040}.avatar-circle{align-items:center;background:var(--color-lightsea);border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.avatar-circle svg{stroke:#fff;height:18px;width:18px}.profile-name-desktop{font-family:Poppins,sans-serif;font-size:.85rem;font-weight:500;letter-spacing:.01em}.dropdown-arrow{opacity:.8;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.profile-dropdown-menu{animation:slideDown .2s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#111827eb;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 10px 25px #00000080;display:flex;flex-direction:column;min-width:200px;padding:.5rem;position:fixed;right:1.5rem;top:60px;z-index:9999}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-user-info{display:flex;flex-direction:column;gap:.15rem;padding:.6rem .8rem}.dropdown-name{color:#fff;font-size:.85rem;font-weight:700}.dropdown-role{color:#9ca3af;font-size:.72rem;font-weight:500}.dropdown-divider{background:#ffffff1a;height:1px;margin:.4rem 0}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#d1d5db;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:500;gap:.6rem;padding:.6rem .8rem;text-align:left;transition:all .2s}.dropdown-item:hover{background:#ffffff1a;color:#fff}.dropdown-logout{color:#fca5a5}.dropdown-logout:hover{background:#ef444426;color:#fecaca}.dropdown-mobile-only{display:none}@media (max-width:768px){.profile-name-desktop{display:none}.add-blok-desktop{display:none!important}.dropdown-mobile-only{display:block}.header-content,.user-header-content{justify-content:space-between;padding:0 1rem}.header-right,.user-header-right{gap:.5rem}}@keyframes headerGradient{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px;padding:1.25rem 0}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:1rem}.header-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2.5rem}.header-logo-img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:44px;object-fit:contain}.header-title{color:#fff;font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.header-subtitle{color:#ffffffb3;font-size:.8rem;font-weight:400;margin-top:2px}.header-right{align-items:center;display:flex;gap:1.25rem}.stats-badge{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff26;border:1px solid #ffffff59;border-radius:12px;box-shadow:0 2px 12px #00000040,inset 0 1px 0 #fff3;padding:.5rem 1.1rem;text-align:center;transition:background .2s,box-shadow .2s}.stats-badge:hover{background:#ffffff47;box-shadow:0 6px 24px #00000059,0 0 16px #00c6ef4d,inset 0 1px 0 #ffffff4d;cursor:default;transform:translateY(-2px) scale(1.04)}.stats-number{color:#fff;display:block;font-size:1.4rem;font-weight:800;line-height:1;text-shadow:0 0 12px #00c6efcc,0 1px 2px #0000004d}.stats-label{color:#ffffffd9;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.user-info-badge{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff40;box-shadow:0 2px 10px #0003,inset 0 1px 0 #ffffff26;padding:.4rem .8rem .4rem 1rem;transition:background .2s,box-shadow .2s,transform .2s}.user-info-badge:hover{background:#ffffff38;box-shadow:0 6px 20px #0000004d,0 0 14px #00c6ef40,inset 0 1px 0 #ffffff40;transform:translateY(-2px)}.user-name{color:#fff;font-size:.85rem;letter-spacing:.01em}.btn-logout{background:#ffffff1a;border:1px solid #fff3;color:#ffffffd9;height:30px;line-height:1;transition:background .18s,color .18s,transform .18s,box-shadow .18s;width:30px}.btn-logout:hover{background:#ef444440;border-color:#ef444473;box-shadow:0 0 12px #ef44444d;color:#fca5a5;transform:scale(1.15) rotate(-10deg)}.app-main{margin:2rem auto;max-width:1400px;padding:0 2rem 3rem}.section-header{margin-bottom:1.5rem}.section-title{color:var(--color-oxford);font-size:1.3rem;font-weight:800}.section-desc{color:#6b7280;font-size:.85rem;margin-top:4px}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:600;gap:.4rem;padding:.55rem 1.1rem;transition:all .2s ease}.btn-primary{background:var(--color-lightsea);box-shadow:0 2px 8px #1ca7a640;color:#fff}.btn-primary:hover{background:#158f8e;box-shadow:0 4px 12px #1ca7a659;transform:translateY(-2px)}.btn-save{background:var(--color-lightsea);box-shadow:0 2px 8px #1ca7a659}.btn-save:hover{background:#158f8e;box-shadow:0 4px 14px #1ca7a680;transform:translateY(-1px)}.btn-cancel{border:1px solid #d1d5db;color:#4b5563}.btn-wa{align-items:center;background:#25d366;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all .2s;width:34px}.btn-wa:hover{background:#128c7e;box-shadow:0 4px 12px #25d3664d;transform:translateY(-1px)}.btn-edit{background:#e0f2fe;box-shadow:0 2px 6px #0e86c833,0 1px 2px #0000000f;color:var(--color-oxford);font-size:.8rem;padding:.45rem .9rem;transition:background .18s,transform .18s,box-shadow .18s,color .18s}.btn-edit:hover{background:#0a4f8c;box-shadow:0 6px 18px #0a4f8c73,0 0 10px #00c6ef40;transform:translateY(-2px) scale(1.05)}.btn-edit:active{box-shadow:0 2px 6px #0a4f8c4d;transform:translateY(0) scale(.97)}.btn-delete{background:#fee2e2;box-shadow:0 2px 6px #ef444426,0 1px 2px #0000000f;color:var(--color-coral);font-size:.8rem;padding:.45rem .9rem;transition:background .18s,transform .18s,box-shadow .18s,color .18s}.btn-delete:hover{background:#dc2626;box-shadow:0 6px 18px #dc262673,0 0 10px #ef444440;transform:translateY(-2px) scale(1.05)}.btn-delete:active{box-shadow:0 2px 6px #dc26264d;transform:translateY(0) scale(.97)}.btn-delete-siklus{background:#dc2626;border:none;border-radius:8px;box-shadow:0 2px 8px #dc262659;color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;letter-spacing:.02em;padding:.5rem 1rem;transition:background .18s,transform .18s,box-shadow .18s}.btn-delete-siklus:hover{background:#b91c1c;box-shadow:0 6px 18px #dc262680;transform:translateY(-2px)}.btn-delete-siklus:active{transform:translateY(0) scale(.97)}.btn-close{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#4a5c4a;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-close:hover{background:#fee2e2;color:#dc2626}.blok-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.blok-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 12px #1e212814;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.blok-card:hover{box-shadow:0 8px 24px #1e212826;transform:translateY(-3px)}.card-header{align-items:center;background:var(--color-platinum);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.25rem}.kategori-badge{border-radius:20px;font-size:.85rem;font-weight:800;letter-spacing:.03em;padding:.35rem .9rem}.kat-a{background:var(--color-oxford);color:#fff}.kat-b{background:var(--color-yale);color:#fff}.kat-c{background:var(--color-lightsea);color:#fff}.kat-d{background:var(--color-graphite);color:#fff}.panen-badge{border-radius:20px;font-size:.72rem;font-weight:600;padding:.3rem .75rem}.badge-partial{background:#0000;border:1px solid var(--color-yale);color:var(--color-yale)}.badge-panen-total{background:#0000;border:1px solid var(--color-lightsea);color:var(--color-lightsea)}.badge-panen-sisa{background:#0000;border:1px solid var(--color-coral);color:var(--color-coral)}.card-body{flex:1 1;padding:1rem 1.25rem}.card-row{align-items:center;display:flex;justify-content:space-between;padding:.4rem 0}.card-label{color:#6b7280;font-size:.8rem;font-weight:500}.card-value{color:#1e2128;font-size:.875rem;font-weight:600}.card-detail-section{background:#f8f9fb;border:1px solid #e5e7eb;border-radius:10px;margin-top:.75rem;padding:.75rem}.detail-title{color:#374151;font-size:.75rem;font-weight:700;letter-spacing:.04em;margin-bottom:.5rem;text-transform:uppercase}.detail-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:.7rem}.card-footer{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.6rem;justify-content:space-between;padding:.875rem 1.25rem}.card-footer-actions{display:flex;gap:.5rem}.btn-view{background:var(--color-yale);box-shadow:0 2px 4px #1b496526;color:#fff;font-size:.78rem;padding:.4rem .85rem}.btn-view:hover{background:var(--color-oxford);transform:translateY(-1px)}.empty-state{background:#fff;border:2px dashed #d1d5db;border-radius:20px;padding:5rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#1e2128;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.empty-state p{color:#6b7280;font-size:.875rem}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{animation:slideUp .25s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:var(--color-platinum);border-bottom:1px solid #e5e7eb;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.modal-header h2{color:var(--color-oxford);font-size:1.1rem;font-weight:700}.blok-form{gap:1rem;padding:1.5rem}.blok-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.4rem}.form-label{color:#374151;font-size:.825rem;font-weight:600}.required{color:#dc2626;margin-left:2px}.form-input,.form-select{background:#fff;border:1.5px solid #d1d5db;border-radius:10px;color:#1e2128;font-family:Poppins,sans-serif;font-size:.875rem;outline:none;padding:.625rem .875rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus{border-color:var(--color-lightsea);box-shadow:0 0 0 3px #1ca7a626}.conditional-fields{animation:fadeIn .25s ease;background:linear-gradient(135deg,#f8f9fb,#eef0f3);border:1.5px solid #d1d5db;border-radius:14px;padding:1rem}.conditional-header{margin-bottom:.875rem}.conditional-badge{background:#4b55631a;border-radius:20px;color:#374151;font-size:.78rem;font-weight:700;padding:.3rem .75rem}.form-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(2,1fr)}.form-actions{border-top:1px solid #e5e7eb}.petak-section{animation:fadeIn .25s ease;background:linear-gradient(135deg,#f8f9fb,#eef0f3);border:1.5px solid #d1d5db;border-radius:14px;padding:1rem}.petak-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.875rem}.petak-section-title{color:var(--color-yale);font-size:.85rem;font-weight:700}.petak-count-badge{align-items:center;border-radius:50%;display:inline-flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;margin-left:6px;width:20px}.btn-add-petak,.petak-count-badge{background:var(--color-yale);color:#fff}.btn-add-petak{border:none;border-radius:8px;box-shadow:0 2px 4px #1b496533;cursor:pointer;font-family:Poppins,sans-serif;font-size:.78rem;font-weight:600;padding:.45rem 1rem;transition:all .2s}.btn-add-petak:hover{background:var(--color-oxford);transform:translateY(-1px)}.petak-empty-hint{color:#9ca3af;font-size:.78rem;font-style:italic;padding:.75rem;text-align:center}.petak-form-block{animation:slideUp .2s ease;background:#fff;border:1.5px solid var(--color-lightsea);border-radius:12px;box-shadow:0 4px 12px #1ca7a626;margin-bottom:.8rem;overflow:hidden}.petak-form-header{align-items:center;background:#e6f6f6;border-bottom:1px solid #b2e2e1;display:flex;justify-content:space-between;padding:.75rem 1rem}.petak-form-title{align-items:center;display:flex;gap:.5rem}.petak-form-num{align-items:center;background:var(--color-lightsea);border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;width:24px}.petak-form-label{color:var(--color-yale);font-size:.85rem;font-weight:700}.petak-form-body{display:flex;flex-direction:column;gap:.8rem;padding:1rem}.petak-form-actions{border-top:1px dashed #e5e7eb;display:flex;justify-content:flex-end;margin-top:.5rem;padding-top:.8rem}.btn-save-petak{background:var(--color-lightsea);border:none;border-radius:8px;box-shadow:0 2px 4px #1ca7a633;color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.btn-save-petak:hover{background:#158f8e;transform:translateY(-1px)}.petak-view-block{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:.6rem;padding:.75rem 1rem;transition:all .2s}.petak-view-block:hover{border-color:#9ca3af;box-shadow:0 2px 6px #0000000d}.petak-view-left{align-items:center;display:flex;gap:.8rem}.petak-view-num{align-items:center;background:#e5e7eb;border-radius:50%;color:#4b5563;display:flex;font-size:.8rem;font-weight:700;height:28px;justify-content:center;width:28px}.petak-view-info{display:flex;flex-direction:column}.petak-view-name{color:#1e2128;font-size:.875rem;font-weight:700}.petak-view-desc{color:#6b7280;font-size:.72rem;margin-top:2px}.petak-view-actions{align-items:center;display:flex;gap:.4rem}.btn-delete-petak,.btn-edit-petak{background:none;border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;padding:.35rem .6rem;transition:all .2s}.btn-edit-petak{background:#f0f7f9;color:var(--color-yale)}.btn-edit-petak:hover{background:#d4e6f1}.btn-delete-petak{background:#fff5f2;color:var(--color-coral)}.btn-delete-petak:hover{background:#ffe4db}.btn-remove-petak{align-items:center;background:#fff5f2;border:none;border-radius:7px;color:var(--color-coral);cursor:pointer;display:flex;font-size:.75rem;font-weight:700;height:28px;justify-content:center;transition:all .2s;width:28px}.btn-remove-petak:hover{background:var(--color-coral);color:#fff}.petak-cards-list{display:flex;flex-direction:column;gap:.8rem;margin-top:.5rem}.petak-empty-card{background:#f9fafb;border:1px dashed #d1d5db;border-radius:12px;color:#9ca3af;font-size:.85rem;font-style:italic;padding:1rem;text-align:center}.petak-count-badge-dark{background:var(--color-graphite);border-radius:12px;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:.25rem .6rem}.petak-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 4px #00000008;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.petak-card.expanded{border-color:var(--color-yale);box-shadow:0 4px 12px #1b49651a;margin-bottom:.5rem}.petak-card-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #0000;display:flex;justify-content:space-between;padding:.6rem .875rem;transition:background .2s}.petak-card-header:hover{background:#f1f5f9}.petak-card.expanded .petak-card-header{border-bottom-color:#f1f2f4}.petak-card-title{align-items:center;display:flex;gap:.5rem}.petak-card-num{align-items:center;background:#d1d5db;border-radius:50%;color:#4b5563;display:flex;font-size:.65rem;font-weight:800;height:22px;justify-content:center;width:22px}.petak-card-name{color:#1e2128;font-size:.825rem;font-weight:700}.expand-indicator{transition:transform .3s}.petak-card.expanded .expand-indicator{transform:rotate(180deg)}.petak-card-body{animation:expandIn .3s cubic-bezier(.4,0,.2,1);padding:.875rem}@keyframes expandIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.petak-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.petak-row-label{color:#6b7280;font-size:.75rem;font-weight:500}.petak-row-value{color:#374151;font-size:.8rem;font-weight:600}.petak-detail-grid{grid-gap:.6rem;background:#fdfdfd;border:1px solid #f0f1f3;border-radius:8px;display:grid;gap:.6rem;grid-template-columns:repeat(2,1fr);padding:.75rem}.petak-detail-item{border-bottom:1px dashed #f0f1f3;display:flex;flex-direction:column;gap:3px;padding:.3rem 0}.petak-detail-item:nth-last-child(-n+2){border-bottom:none}.detail-label{color:#9ca3af;font-size:.68rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.detail-value{color:#1e2128;font-size:.82rem;font-weight:700}.loading-state{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:5rem 2rem;text-align:center}.loading-state p{color:#6b7280;font-size:.9rem;font-weight:500;margin-top:1rem}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top:4px solid var(--color-lightsea);height:40px;margin:0 auto;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.detail-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 12px #1e212814;overflow:hidden}.detail-info-header{align-items:center;background:var(--color-platinum);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.detail-info-left{align-items:center;display:flex;gap:.75rem}.detail-petak-list{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.detail-petak-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #0000000a;overflow:hidden;transition:all .2s ease}.detail-petak-card:hover{border-color:var(--color-lightsea);box-shadow:0 6px 20px #1b49651a;transform:translateY(-3px)}.detail-petak-header{align-items:center;background:var(--color-platinum);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.875rem 1.25rem}.detail-petak-title{align-items:center;display:flex;gap:.5rem}.detail-petak-body{padding:1rem 1.25rem}@media (max-width:640px){.header-content{flex-direction:column;gap:1rem;padding:1rem 0}.blok-grid,.form-grid{grid-template-columns:1fr}.app-main{padding:0 1rem 2rem}.detail-petak-list{grid-template-columns:1fr}.card-footer{flex-direction:column;gap:.5rem}}.tonase-filter-bar{box-shadow:0 2px 8px #0000000d;margin-bottom:1.5rem}.filter-label{color:#374151;font-size:.78rem}.tonase-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.tonase-stats-row{background:#e5e7eb;border-bottom:1px solid #e5e7eb;display:flex;gap:1px}.tonase-stat-card{align-items:center;background:#f8f9fb;display:flex;flex:1 1;flex-direction:column;gap:2px;padding:.875rem 1rem}.tonase-stat-label{color:#6b7280;font-size:.72rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.tonase-stat-value{color:var(--color-oxford);font-size:1.1rem;font-weight:800}.tonase-table-outer{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;overflow:hidden}.tonase-table-scroll{max-height:62vh;overflow-x:auto;overflow-y:auto}.tonase-table-scroll::-webkit-scrollbar{height:5px;width:5px}.tonase-table-scroll::-webkit-scrollbar-track{background:#f1f2f4}.tonase-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.tonase-table-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tonase-thead-sticky th{background:var(--color-oxford);position:sticky;top:0;z-index:10}.tonase-thead-sticky th:after{background:#ffffff26;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}@media (max-width:1024px){.tonase-table-scroll{max-height:55vh}}@media (max-width:768px){.tonase-table-scroll{max-height:45vh}}.tonase-table{border-collapse:collapse;font-size:.85rem;width:100%}.tonase-table th{background:var(--color-oxford);color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.02em;padding:.75rem 1rem;text-align:left;white-space:nowrap}.tonase-table td{border-bottom:1px solid #f0f1f3;color:#374151;padding:.7rem 1rem;vertical-align:middle}.tonase-table tbody tr:hover{background:#f8f9fb}.tonase-table tfoot tr.tonase-table-total td{background:#eef0f3;border-top:2px solid #d1d5db;color:var(--color-oxford);font-weight:700}.tonase-tfoot-sticky{bottom:0;position:sticky;z-index:9}.tonase-tfoot-sticky tr.tonase-table-total td{background:var(--color-oxford)!important;border-top:2.5px solid #00c6ef73;box-shadow:0 -2px 10px #0000001f;color:#fff!important;font-family:Poppins,sans-serif;font-size:.84rem;font-weight:700;letter-spacing:.01em}.total-num-cell{display:table-cell;padding:.55rem 1rem!important;text-align:right;vertical-align:middle}.total-num-cell strong{color:#fff;display:block;font-size:.88rem;font-weight:800;white-space:nowrap}.total-sub-label{color:#ffffff8c;display:block;font-size:.62rem;font-weight:500;letter-spacing:.05em;margin-bottom:2px;text-transform:uppercase}.total-label-cell{color:#ffffffe6;font-size:.88rem;font-weight:800;letter-spacing:.03em}.petak-subtotal-row td{background:linear-gradient(90deg,#e8f4f1,#f0faf8);border-bottom:2px solid #6bb8a8!important;border-top:1.5px solid #a7d9ce;color:#0f5a4e;font-weight:700}.subtotal-label-cell{color:#0d6b5b;font-size:.83rem;font-weight:800;letter-spacing:.02em;white-space:nowrap}.subtotal-num-cell{display:table-cell;padding:.5rem 1rem!important;text-align:right;vertical-align:middle}.subtotal-num-cell strong{color:#0d5449;display:block;font-size:.86rem;font-weight:800;white-space:nowrap}.subtotal-sub-label{color:#5a9e8e;display:block;font-size:.6rem;font-weight:500;letter-spacing:.05em;margin-bottom:1px;text-transform:uppercase}.tonase-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin-bottom:1.5rem}.tonase-summary-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #0000000d;display:flex;gap:.875rem;padding:1rem 1.25rem;transition:transform .2s,box-shadow .2s}.tonase-summary-card:hover{box-shadow:0 6px 16px #00000017;transform:translateY(-2px)}.tonase-summary-card.tonase-summary-highlight{background:linear-gradient(135deg,var(--color-oxford) 0,var(--color-yale) 100%);border-color:#0000}.tonase-summary-card.tonase-summary-highlight .summary-label,.tonase-summary-card.tonase-summary-highlight .summary-value{color:#fff}.tonase-summary-card.tonase-summary-highlight .summary-value{color:var(--color-lightsea)}.summary-icon{flex-shrink:0;font-size:1.6rem;line-height:1}.summary-label{color:#6b7280;display:block;font-size:.72rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.summary-value{color:var(--color-oxford);display:block;font-size:1.1rem;font-weight:800;margin-top:2px}@media (max-width:640px){.tonase-summary-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}}.login-page{align-items:center;background:linear-gradient(135deg,var(--color-oxford) 0,var(--color-yale) 60%,var(--color-lightsea) 100%);display:flex;justify-content:center;min-height:100vh;padding:1.5rem}.login-card{background:#fff;border-radius:24px;box-shadow:0 24px 64px #00000059;max-width:420px;overflow:hidden;width:100%}.login-header{background:linear-gradient(135deg,var(--color-oxford) 0,var(--color-yale) 100%);padding:2.5rem 2rem 2rem;text-align:center}.login-logo{filter:brightness(0) invert(1);height:52px;margin-bottom:1rem;object-fit:contain;opacity:.9}.login-title{color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.login-subtitle{color:#ffffffb8;font-size:.82rem;margin-top:4px}.login-form{display:flex;flex-direction:column;gap:1.1rem;padding:2rem}.login-error{background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;color:#b91c1c;font-size:.83rem;font-weight:500;padding:.7rem 1rem}.login-btn{background:linear-gradient(135deg,var(--color-oxford),var(--color-yale));border-radius:12px;box-shadow:0 4px 14px #0f305759;font-size:.95rem;justify-content:center;margin-top:.5rem;padding:.75rem;width:100%}.login-btn:hover:not(:disabled){box-shadow:0 6px 20px #0f305773;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.user-info-badge{align-items:center;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;display:flex;gap:.5rem;padding:.4rem .75rem}.user-name{color:#ffffffe6;font-size:.82rem;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout{align-items:center;background:#ffffff26;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;transition:all .2s;width:28px}.btn-logout:hover{background:#ff505066}.tonase-desktop-only{display:block}.tonase-mobile-only{display:none}@media (max-width:640px){.tonase-desktop-only{display:none}.tonase-mobile-only{display:block;padding:.75rem}}.tonase-card-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:.5rem 0}.tonase-mobile-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 4px #0000000f;display:flex;flex-direction:column;margin-bottom:.75rem;overflow:hidden}.tonase-card-grid .tonase-mobile-card{height:100%;margin-bottom:0}.tonase-card-header .panen-badge{background:#ffffff1f;border-color:#fff9;color:#fff}.tonase-card-header{align-items:center;background:var(--color-oxford);color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:background .2s}.tonase-card-header:hover{background:#112d4d}.tonase-card-petak{color:#fff;font-size:1rem;font-weight:800}.compact-body-transition{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out}.compact-body-transition.open{grid-template-rows:1fr}.compact-body-content{overflow:hidden}.accordion-icon{font-size:.8rem;opacity:.8;transition:transform .3s ease}.accordion-icon.open{transform:rotate(180deg)}.tonase-card-body{padding:.5rem 0}.tonase-card-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.45rem 1rem}.tonase-card-row:last-child{border-bottom:none}.tonase-card-label{color:#6b7280;font-size:.78rem;font-weight:500}.tonase-card-value{color:#1e2128;font-size:.85rem;font-weight:600}.tonase-card-highlight{background:#f0faf9}.tonase-card-highlight .tonase-card-value{color:var(--color-lightsea);font-size:.95rem;font-weight:800}.tonase-mobile-total{align-items:center;background:var(--color-oxford);border-radius:12px;color:#fff;display:flex;font-size:.875rem;justify-content:space-between;margin-top:.5rem;padding:.875rem 1rem}.tonase-mobile-total strong{color:var(--color-lightsea);font-size:1rem}.tonase-row-actions{display:flex;gap:.4rem}.tonase-card-actions{background:#fafafa;border-top:1px solid #f3f4f6;display:flex;gap:.5rem;padding:.6rem 1rem}.btn-edit{background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:8px;color:#1d4ed8;cursor:pointer;font-family:Poppins,sans-serif;font-size:.78rem;font-weight:600;padding:.3rem .75rem;transition:all .2s}.btn-edit:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.btn-delete{background:#fff3ef;border:1.5px solid #ffc4ad;border-radius:8px;color:coral;cursor:pointer;font-family:Poppins,sans-serif;font-size:.78rem;font-weight:600;padding:.3rem .75rem;transition:all .2s}.btn-delete:hover{background:coral;border-color:coral;color:#fff}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-actions{border-top:1px solid #f3f4f6;display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem;padding-top:1rem}.btn-cancel{background:#f3f4f6;border:1.5px solid #d1d5db;border-radius:10px;color:#374151;cursor:pointer;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;padding:.6rem 1.25rem;transition:all .2s}.btn-cancel:hover{background:#e5e7eb}.btn-save{background:linear-gradient(135deg,var(--color-oxford),var(--color-yale));border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:700;padding:.6rem 1.5rem;transition:all .2s}.btn-save:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}@media (max-width:640px){.form-grid{grid-template-columns:1fr}}.tonase-filter-bar{align-items:flex-end;background:#fff;border:1px solid #e5e7eb;border-radius:14px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:1rem 1.25rem}.tonase-filter-secondary{background:#f8f9fb;border-style:dashed;margin-top:-.5rem}.filter-group{display:flex;flex:1 1;flex-direction:column;gap:.35rem;min-width:140px}.filter-label{color:#6b7280;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}@media (max-width:640px){.tonase-filter-bar{align-items:stretch;flex-direction:column}.filter-group{min-width:0;min-width:auto}}.tn-toggle-btn{background:none;border:1.5px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-family:Poppins,sans-serif;font-size:.78rem;font-weight:600;padding:.35rem .85rem;transition:all .2s}.tn-toggle-btn.active{background:var(--color-oxford);border-color:var(--color-oxford);color:#fff}.tn-toggle-btn:not(.active):hover{border-color:var(--color-oxford);color:var(--color-oxford)}.tonase-stats-toolbar{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:.75rem 1rem}.export-toolbar{align-items:center;display:flex;gap:.5rem}.btn-export{border:1.5px solid #0000;border-radius:8px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.02em;padding:.38rem .9rem;transition:all .2s}.btn-csv{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.btn-csv:hover{background:#16a34a;border-color:#16a34a;color:#fff}.btn-excel{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.btn-excel:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.btn-pdf{background:#fef2f2;border-color:#fecaca;color:#dc2626}.btn-pdf:hover{background:#dc2626;border-color:#dc2626;color:#fff}.btn-print{background:#faf5ff;border-color:#ddd6fe;color:#7c3aed}.btn-print:hover{background:#7c3aed;border-color:#7c3aed;color:#fff}.charts-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:1rem;overflow:hidden}.charts-toolbar{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:1rem 1.25rem .75rem}.charts-title{color:var(--color-oxford);font-size:.92rem;font-weight:700}.charts-toggle{display:flex;gap:4px}.chart-box{padding:1rem 1.25rem 1.25rem}.chart-subtitle{color:#9ca3af;font-size:.78rem;margin:0 0 .75rem}@media print{.app-header,.btn-logout,.btn-primary,.charts-section,.export-toolbar,.no-print,.tonase-card-actions,.tonase-filter-bar,.tonase-filter-secondary,.tonase-row-actions,.tonase-summary-grid{display:none!important}body{background:#fff!important;color:#000;font-size:11pt}.app-main{padding:0!important}.section-title{font-size:14pt}.section-desc{display:none}.tonase-table-wrapper{border:none!important;box-shadow:none!important}.tonase-table td,.tonase-table th{font-size:9pt;padding:4px 6px!important}.tonase-desktop-only{display:block!important}.tonase-mobile-only{display:none!important}.tonase-stats-toolbar{border:1px solid #ccc;margin-bottom:8pt}}.health-badge{border-radius:20px;font-family:Poppins,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.02em;padding:.2rem .55rem;white-space:nowrap}.health-green{background:#dcfce7;border:1px solid #bbf7d0;color:#15803d}.health-yellow{background:#fefce8;border:1px solid #fde68a;color:#a16207}.health-red{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.card-progress-wrap{background:#fafbfc;border-top:1px solid #f3f4f6;padding:.6rem 1rem .5rem}.card-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.3rem}.card-progress-label{color:#6b7280;font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.card-progress-pct{color:#374151;font-size:.72rem;font-weight:700}.card-progress-track{background:#e5e7eb;border-radius:99px;height:6px;overflow:hidden;width:100%}.card-progress-fill{border-radius:99px;height:100%;transition:width .5s ease}.card-progress-sub{color:#9ca3af;font-size:.65rem;margin-top:.3rem}.data-history-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 4px #0000000d;margin-bottom:1rem;overflow:hidden}.data-history-header{align-items:center;background:#f8fafc;border-bottom:1px solid #0000;color:var(--color-oxford);cursor:pointer;display:flex;font-size:.88rem;font-weight:600;justify-content:space-between;padding:.75rem 1.1rem;transition:background .2s;-webkit-user-select:none;user-select:none}.data-history-header:hover{background:#f0f4f8}.data-history-count{background:var(--color-lightsea);border-radius:99px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.03em;padding:.15rem .55rem}.data-history-body{display:flex;flex-direction:column;gap:.6rem;max-height:0;opacity:0;overflow:hidden;padding:0 1.1rem;transition:max-height .6s cubic-bezier(.25,1,.5,1),opacity .4s ease-out,padding .4s ease-out}.data-history-body.open{max-height:500px;opacity:1;padding:.75rem 1.1rem}.compact-body-transition{max-height:0;opacity:0;overflow:hidden;transition:max-height .7s cubic-bezier(.25,1,.5,1),opacity .5s ease-out}.compact-body-transition.open{max-height:1500px;opacity:1}.data-history-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.data-history-blok{color:var(--color-oxford);flex-shrink:0;font-size:.85rem;font-weight:700;min-width:55px}.data-history-siklus-list{display:flex;flex-wrap:wrap;gap:.4rem}.data-history-siklus-badge{background:var(--color-oxford);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:.25rem .65rem;transition:background .18s,transform .12s}.data-history-siklus-badge:hover{background:var(--color-lightsea);transform:translateY(-1px)}.data-history-siklus-badge:active{transform:scale(.96)}.data-filter-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #0000000a;font-family:Poppins,sans-serif;margin-bottom:1rem;padding:1.25rem 1.4rem}.data-filter-header{align-items:center;display:flex;gap:.8rem;margin-bottom:1rem}.data-filter-title{color:var(--color-oxford);font-size:.95rem;font-weight:700;letter-spacing:.01em}.data-filter-loading{animation:pulse 1.5s ease-in-out infinite;color:#9ca3af;font-size:.75rem;font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.data-filter-body{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.data-filter-group{display:flex;flex:1 1;flex-direction:column;gap:.35rem;min-width:160px}.data-filter-label{color:#6b7280;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.data-filter-select-wrap{align-items:center;display:flex;position:relative}.data-filter-select{appearance:none;-webkit-appearance:none;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;color:var(--color-oxford);cursor:pointer;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:500;outline:none;padding:.6rem 2.25rem .6rem .85rem;transition:border-color .2s,box-shadow .2s;width:100%}.data-filter-select:focus{background:#fff;border-color:var(--color-lightsea);box-shadow:0 0 0 3px #1ca7a61f}.data-filter-select:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.5}.select-chevron{color:#9ca3af;pointer-events:none;position:absolute;right:.75rem}.data-filter-btn{background:linear-gradient(135deg,var(--color-oxford),var(--color-yale));border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:700;padding:.65rem 1.4rem;transition:all .2s;white-space:nowrap}.data-filter-btn:hover:not(:disabled){box-shadow:0 4px 12px #0627584d;opacity:.88;transform:translateY(-1px)}.data-filter-btn:disabled{cursor:not-allowed;opacity:.45;transform:none}@media (max-width:640px){.data-filter-body{align-items:stretch;flex-direction:column}.data-filter-group{min-width:0;min-width:auto}.data-filter-btn{width:100%}}@media (min-width:769px){.mobile-only{display:none!important}}@media (max-width:768px){.desktop-only{display:none!important}}.hamburger-btn{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:opacity .2s;z-index:10}.hamburger-btn:hover{opacity:.8}.mobile-sidebar-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0006;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s;visibility:hidden;width:100vw;z-index:998}.mobile-sidebar-overlay.open{opacity:1;visibility:visible}.mobile-sidebar{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#111827d9;border-left:1px solid #ffffff1a;box-shadow:-10px 0 30px #00000080;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100vh;position:fixed;right:-300px;top:0;transition:right .4s cubic-bezier(.25,1,.5,1);width:280px;z-index:999}.mobile-sidebar.open{right:0}.mobile-sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.mobile-sidebar-title{color:#fff;font-size:1.1rem;font-weight:600}.mobile-sidebar-close{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:1.5rem;padding:.2rem .6rem;transition:color .2s}.mobile-sidebar-close:hover{color:#fff}.mobile-sidebar-content{flex:1 1;overflow-y:auto;padding:1.5rem}.mobile-nav{display:flex;flex-direction:column;gap:.5rem}.mobile-nav-item{border-radius:8px;color:#d1d5db;cursor:pointer;font-size:1.05rem;font-weight:500;padding:.85rem 1rem;transition:all .2s}.mobile-nav-item.active,.mobile-nav-item:hover{background:#ffffff14;color:#fff}.mobile-nav-item.active{background:#1ca7a61a;color:#1ca7a6;font-weight:600}.mobile-sidebar-footer{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.mobile-profile{align-items:center;display:flex;gap:.8rem}.mobile-profile-info{display:flex;flex-direction:column}.mobile-profile-name{color:#fff;font-size:.95rem;font-weight:600;line-height:1.2}.mobile-profile-role{color:#9ca3af;font-size:.75rem;margin-top:2px}.mobile-logout-btn{align-items:center;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease-in-out;width:100%}.mobile-logout-btn:hover{background:#ef444440;color:#fecaca}.admin-mobile-stats{padding-bottom:.5rem}.mobile-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.btn-block{width:100%}.btn-closing-header{align-items:center;background:#f59e0b26;border:1px solid #f59e0b80;border-radius:999px;color:#fcd34d;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:600;gap:.4rem;padding:.35rem 1rem;transition:all .2s;white-space:nowrap}.btn-closing-header:hover{background:#f59e0b47;border-color:#f59e0bbf;box-shadow:0 4px 14px #f59e0b40;color:#fde68a;transform:translateY(-1px)}.closing-badge-header{background:#f59e0b4d;border-radius:999px;color:#fde68a;font-size:.7rem;font-weight:700;letter-spacing:.02em;padding:.1rem .55rem}@media (max-width:768px){.btn-closing-header{display:none}}.mobile-pw-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#e5e7eb;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease-in-out;width:100%}.mobile-pw-btn:hover{background:#ffffff26;color:#fff}