@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}*{box-sizing:border-box;margin:0;padding:0}body{color:#fce7f3;background-color:#0f0f0f;background-image:radial-gradient(circle at 20% 30%,#ec489926 0%,#0000 50%),radial-gradient(circle at 80% 70%,#f472b61f 0%,#0000 50%),radial-gradient(circle,#be185d14 0%,#0000 70%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;min-height:100vh;padding:0;font-family:Nunito,Segoe UI,Tahoma,sans-serif;position:relative;overflow-x:hidden}.pin-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;opacity:0;visibility:hidden;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:fixed;top:0;left:0}.pin-modal-overlay.active{opacity:1;visibility:visible}.pin-modal{text-align:center;background:linear-gradient(135deg,#1a1a1a 0%,#2d1a2d 100%);border:2px solid #ec4899;border-radius:20px;width:90%;max-width:400px;padding:30px;transition:transform .3s;transform:scale(.9);box-shadow:0 0 40px #ec489966}.pin-modal-overlay.active .pin-modal{transform:scale(1)}.pin-header{margin-bottom:15px}.pin-header i{color:#ec4899;margin-bottom:10px;font-size:40px}.pin-header h3{color:#f472b6;font-size:22px;font-weight:900}.pin-modal p{color:#f9a8d4;margin-bottom:20px;font-size:14px}.pin-input{color:#fce7f3;text-align:center;letter-spacing:4px;background:#0f0f0f;border:2px solid #2d2d2d;border-radius:12px;outline:none;width:100%;margin-bottom:20px;padding:12px 16px;font-size:18px;transition:all .3s}.pin-input:focus{border-color:#ec4899;box-shadow:0 0 15px #ec48994d}.pin-actions{gap:10px;display:flex}.pin-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:800;transition:all .3s}.pin-btn.cancel{color:#f9a8d4;background:#2d2d2d}.pin-btn.cancel:hover{background:#3d3d3d}.pin-btn.submit{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#be185d 100%);box-shadow:0 4px 15px #ec489966}.pin-btn.submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec489999}.pin-hint{color:#6b7280;margin-top:15px;margin-bottom:0;font-size:12px}.sidebar-overlay{z-index:998;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;width:100%;height:100%;transition:all .3s;position:fixed;top:0;left:0}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar{z-index:999;background:linear-gradient(#1a1a1a 0%,#0f0f0f 100%);border-right:3px solid #ec4899;flex-direction:column;width:300px;max-width:85vw;height:100vh;transition:left .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:-320px;overflow-y:auto;box-shadow:5px 0 40px #ec489966}.sidebar.active{left:0}.sidebar-header{z-index:10;background:linear-gradient(135deg,#be185d 0%,#831843 100%);border-bottom:2px solid #ec4899;justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}.sidebar-header h3{color:#fff;font-size:18px;font-weight:800}.sidebar-close{color:#be185d;cursor:pointer;background:#fff;border:none;border-radius:50%;width:35px;height:35px;font-size:18px;font-weight:700;transition:all .3s;box-shadow:0 2px 10px #0000004d}.sidebar-close:hover{background:#fce7f3;transform:rotate(90deg)scale(1.1)}.sidebar-nav{flex-direction:column;flex:1;gap:10px;padding:15px;display:flex}.sidebar-menu-btn{color:#fce7f3;cursor:pointer;text-align:left;background:#1a1a1a;border:2px solid #2d2d2d;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.sidebar-menu-btn:hover{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#be185d 100%);border-color:#ec4899;transform:translate(5px);box-shadow:0 4px 15px #ec489966}.sidebar-menu-btn .menu-icon{text-align:center;min-width:28px;font-size:20px}.sidebar-menu-btn.home-btn{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#be185d 100%);border-color:#f472b6;margin-bottom:10px;box-shadow:0 4px 15px #ec48994d}.sidebar-menu-btn.warning{color:#fff;background:linear-gradient(135deg,#e53e3e 0%,#991b1b 100%);border-color:#f56565;animation:2s ease-in-out infinite pulseWarning}.sidebar-insentif-btn{text-align:center;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:2px solid #fbbf24;border-radius:14px;margin-top:10px;padding:14px 18px;font-size:14px;font-weight:800;text-decoration:none;transition:all .3s;animation:2s ease-in-out infinite pulseInsentif;display:block;box-shadow:0 4px 15px #f59e0b66;color:#fff!important}.sidebar-insentif-btn:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);text-decoration:none;transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #f59e0b99}.sidebar-insentif-btn:after{content:" ↗";opacity:.8;font-size:12px}@keyframes pulseInsentif{0%,to{box-shadow:0 4px 15px #f59e0b66}50%{box-shadow:0 4px 25px #f59e0bb3}}.sidebar-footer{text-align:center;color:#f9a8d4;background:#0f0f0f;border-top:2px solid #ec4899;padding:15px 20px;font-size:12px;font-weight:600}.accordion-group{background:#ffffff0d;border-radius:12px;margin-bottom:8px;overflow:hidden}.accordion-header{color:#f9a8d4;cursor:pointer;text-align:left;background:linear-gradient(135deg,#2a2a2a 0%,#1a1a1a 100%);border:2px solid #2d2d2d;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.accordion-header:hover{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#be185d 100%);border-color:#ec4899}.accordion-header .accordion-title{align-items:center;gap:8px;display:flex}.accordion-header .accordion-icon{font-size:12px;transition:transform .3s}.accordion-group.active .accordion-header{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#be185d 100%);border-color:#ec4899;border-radius:12px 12px 0 0}.accordion-group.active .accordion-icon{transform:rotate(180deg)}.accordion-content{background:#0000004d;border-radius:0 0 12px 12px;max-height:0;transition:max-height .4s;overflow:hidden}.accordion-content .sidebar-menu-btn{width:calc(100% - 16px);margin:8px;padding:10px 14px;font-size:13px}.accordion-group.active .accordion-content{padding:5px 0}.sticky-header{z-index:50;background:linear-gradient(135deg,#1a1a1a 0%,#0f0f0f 100%);border-bottom:3px solid #ec4899;padding:15px 20px;position:sticky;top:0;box-shadow:0 5px 30px #ec48994d}.header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;max-width:1200px;margin:0 auto;display:flex}.header-title{text-align:center;flex:1}.header-title h1{color:#fff;text-shadow:0 0 20px #ec489999;margin-bottom:3px;font-size:22px;font-weight:900}.header-title p{color:#f9a8d4;font-size:12px;font-weight:600}.hamburger-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899 0%,#be185d 100%);border:none;border-radius:12px;order:-1;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:800;transition:all .3s;display:flex;box-shadow:0 4px 15px #ec489966}.hamburger-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec489999}.clock-container{background:#1a1a1a;border:2px solid #ec4899;border-radius:14px;align-items:center;gap:12px;padding:10px 15px;display:flex;box-shadow:0 0 20px #ec48994d}.analog-clock{background:radial-gradient(circle,#2d2d2d 0%,#1a1a1a 100%);border:3px solid #ec4899;border-radius:50%;width:55px;height:55px;position:relative;box-shadow:0 0 15px #ec489980}.clock-face{width:100%;height:100%;position:relative}.hour-hand,.minute-hand,.second-hand{transform-origin:bottom;border-radius:4px;position:absolute;bottom:50%;left:50%}.hour-hand{background:#ec4899;width:3px;height:14px;margin-left:-1.5px}.minute-hand{background:#f472b6;width:2px;height:18px;margin-left:-1px}.second-hand{background:#ff1493;width:1.5px;height:22px;margin-left:-.75px;transition:transform 50ms;box-shadow:0 0 5px #ff1493}.clock-center{background:#ec4899;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #ec4899}.digital-clock{text-align:center;color:#fff;position:relative}.time-display{color:#f472b6;text-shadow:0 0 10px #f472b699;font-family:Courier New,monospace;font-size:20px;font-weight:900}.ms-display{color:#fbbf24;margin-top:-2px;font-family:Courier New,monospace;font-size:10px;font-weight:700}.date-display{color:#f9a8d4;margin-top:2px;font-size:10px;font-weight:600}.timezone-badge{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#be185d 100%);border-radius:8px;padding:1px 6px;font-size:9px;font-weight:900;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 8px #ec489980}.container{max-width:1200px;margin:0 auto;padding:20px}.content-section{background:#1a1a1a;border:1px solid #2d2d2d;border-radius:20px;margin-bottom:20px;padding:25px;animation:.4s slideIn;box-shadow:0 4px 30px #ec489926}.section-header{flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:20px;display:flex}.section-header h2{color:#f472b6;font-size:22px;font-weight:900}.back-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899 0%,#be185d 100%);border:none;border-radius:12px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #ec48994d}.back-btn:hover{background:linear-gradient(135deg,#be185d 0%,#831843 100%);transform:translate(-3px)}.search-box{margin-bottom:20px}.search-box input{color:#fce7f3;background:#0f0f0f;border:2px solid #2d2d2d;border-radius:14px;width:100%;padding:12px 15px;font-size:14px;font-weight:600;transition:all .3s}.search-box input::placeholder{color:#6b7280}.search-box input:focus{background:#1a1a1a;border-color:#ec4899;outline:none;box-shadow:0 0 15px #ec48994d}.welcome-card{background:linear-gradient(135deg,#1a1a1a 0%,#2d1a2d 100%);border:2px solid #ec4899;border-radius:20px;align-items:center;gap:20px;margin-bottom:20px;padding:25px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #ec489933}.welcome-card:before{content:"✨";opacity:.3;font-size:30px;position:absolute;top:10px;right:15px}.welcome-icon{font-size:50px;animation:2s ease-in-out infinite bounce}.welcome-content h2{color:#f472b6;margin-bottom:8px;font-size:22px;font-weight:900}.welcome-content p{color:#f9a8d4;font-size:14px;font-weight:600;line-height:1.5}.running-text-container{background:#0f0f0f;border:2px solid #ec4899;border-radius:14px;align-items:center;gap:12px;margin-bottom:20px;padding:10px 15px;display:flex;overflow:hidden;box-shadow:0 0 15px #ec489933}.running-text-label{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#ec4899 0%,#be185d 100%);border-radius:8px;padding:4px 12px;font-size:12px;font-weight:900;box-shadow:0 2px 8px #ec489966}.running-text-wrapper{flex:1;overflow:hidden}.running-text{color:#f472b6;white-space:nowrap;padding-left:100%;font-size:14px;font-weight:700;animation:30s linear infinite scrollText;display:inline-block}.quote-card{text-align:center;background:linear-gradient(135deg,#2d1a2d 0%,#1a1a1a 100%);border:2px solid #ec4899;border-radius:20px;margin-bottom:20px;padding:20px;position:relative;box-shadow:0 0 20px #ec489926}.quote-card:before{content:"💖";font-size:24px;position:absolute;top:-10px;left:20px}.quote-card p{color:#f9a8d4;margin:10px 0;font-size:16px;font-style:italic;font-weight:600}.birthday-card{background:linear-gradient(135deg,#2d1a2d 0%,#1a1a1a 100%);border:2px solid #f472b6;border-radius:20px;align-items:center;gap:20px;margin-bottom:20px;padding:20px;animation:2s ease-in-out infinite birthdayGlow;display:flex;box-shadow:0 0 25px #f472b64d}@keyframes birthdayGlow{0%,to{box-shadow:0 0 25px #f472b64d}50%{box-shadow:0 0 35px #f472b699}}.birthday-icon{font-size:50px;animation:1s ease-in-out infinite bounce}.birthday-content h3{color:#f472b6;margin-bottom:5px;font-size:18px;font-weight:900}.birthday-content p{color:#fce7f3;font-weight:600}.birthday-btn{background:#25d366;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #25d3664d;color:#fff!important}.birthday-btn:hover{background:#128c7e;transform:translateY(-2px)}.agenda-card{background:#1a1a1a;border:1px solid #2d2d2d;border-radius:20px;padding:20px}.agenda-card h2{color:#f472b6;border-bottom:3px solid #ec4899;margin-bottom:15px;padding-bottom:8px;font-size:20px;font-weight:900}.agenda-list{gap:10px;display:grid}.agenda-item{background:#0f0f0f;border:2px solid #2d2d2d;border-radius:14px;align-items:center;gap:15px;padding:12px;transition:all .3s;display:flex}.agenda-item:hover{border-color:#ec4899;transform:translate(5px);box-shadow:0 0 15px #ec48994d}.agenda-date{color:#fff;text-align:center;background:linear-gradient(135deg,#ec4899 0%,#be185d 100%);border-radius:12px;min-width:60px;padding:8px 12px;box-shadow:0 2px 8px #ec48994d}.agenda-date .day{font-size:20px;font-weight:900;line-height:1}.agenda-date .month{text-transform:uppercase;font-size:11px;font-weight:700}.agenda-info h4{color:#f472b6;margin-bottom:3px;font-size:15px;font-weight:800}.agenda-info p{color:#f9a8d4;font-size:12px;font-weight:600}.table-container{border:2px solid #2d2d2d;border-radius:16px;overflow-x:auto}table{border-collapse:collapse;background:#1a1a1a;width:100%}th,td{text-align:left;border-bottom:1px solid #2d2d2d;padding:12px 15px;font-size:14px}th{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#be185d 0%,#831843 100%);font-size:12px;font-weight:800;position:sticky;top:0}tr:hover{background:#2d1a2d}td a{color:#f472b6;font-weight:700;text-decoration:none}td a:hover{color:#ec4899;text-decoration:underline}.masked-nik{letter-spacing:2px;color:#fbbf24;font-weight:700}.ktp-container{cursor:pointer;transition:all .3s;display:inline-block;position:relative}.ktp-container:hover{z-index:10;transform:scale(1.15)}.ktp-thumbnail{object-fit:cover;background:#1a1a1a;border:2px solid #ec4899;border-radius:8px;width:100px;height:65px;display:block}.ktp-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;opacity:0;visibility:hidden;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:fixed;top:0;left:0}.ktp-modal-overlay.active{opacity:1;visibility:visible}.ktp-modal-content{text-align:center;background:linear-gradient(135deg,#1a1a1a 0%,#2d1a2d 100%);border:3px solid #ec4899;border-radius:20px;max-width:90%;max-height:90vh;padding:20px;transition:transform .3s;position:relative;transform:scale(.9);box-shadow:0 0 50px #ec489980}.ktp-modal-overlay.active .ktp-modal-content{transform:scale(1)}.ktp-modal-close{color:#fff;cursor:pointer;z-index:10;background:#e53e3e;border:none;border-radius:50%;width:35px;height:35px;font-size:16px;font-weight:700;transition:all .3s;position:absolute;top:10px;right:15px}.ktp-modal-close:hover{background:#991b1b;transform:rotate(90deg)scale(1.1)}.ktp-modal-title{color:#f472b6;margin:0 0 15px;padding-right:40px;font-size:18px;font-weight:900}.ktp-modal-content img{border:2px solid #2d2d2d;border-radius:12px;max-width:100%;max-height:70vh;box-shadow:0 4px 20px #00000080}.card-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;display:grid}.info-card{background:#1a1a1a;border:2px solid #2d2d2d;border-radius:16px;padding:20px;transition:all .3s;box-shadow:0 2px 15px #0000004d}.info-card:hover{border-color:#ec4899;transform:translateY(-3px);box-shadow:0 8px 25px #ec48994d}.info-card h3{color:#f472b6;margin-bottom:10px;font-size:18px;font-weight:800}.info-card p{color:#f9a8d4;margin:8px 0;font-size:14px;font-weight:600}.info-card a{color:#f472b6;font-weight:700;text-decoration:none}.warning-card{background:linear-gradient(135deg,#1a1a1a 0%,#2d1010 100%)!important;border-color:#e53e3e!important}.warning-card h3{color:#f87171!important}.info-row{background:#ffffff08;border-radius:8px;margin:10px 0;padding:8px}.info-label{color:#f9a8d4;margin-bottom:4px;font-size:12px;font-weight:700}.info-value{color:#fce7f3;font-size:14px}.doc-actions{flex-direction:column;gap:10px;margin-top:15px;display:flex}.doc-download{gap:10px;display:flex}.btn-download{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;color:#fff!important}.btn-download:hover{transform:translateY(-2px)}.btn-download.pdf{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%)}.btn-download.doc{background:linear-gradient(135deg,#007bff 0%,#0056b3 100%)}.btn-share{gap:8px;display:flex}.btn-share-btn{cursor:pointer;color:#fff;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-share-btn.wa{background:#25d366}.btn-share-btn.wa:hover{background:#128c7e;transform:translateY(-2px)}.btn-share-btn.email{background:#ea4335}.btn-share-btn.email:hover{background:#d33426;transform:translateY(-2px)}.sp-badge{color:#fff;background:#e53e3e;border-radius:10px;margin-left:8px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.doc-categories{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.category-btn{color:#f9a8d4;cursor:pointer;background:#1a1a1a;border:2px solid #2d2d2d;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .3s}.category-btn:hover{color:#ec4899;border-color:#ec4899}.category-btn.active{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#be185d 100%);border-color:#ec4899;box-shadow:0 4px 12px #ec489966}.doc-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;display:grid}.doc-item{background:#1a1a1a;border:2px solid #2d2d2d;border-radius:16px;padding:18px;transition:all .3s;position:relative}.doc-item:before{content:"";background:linear-gradient(#ec4899 0%,#be185d 100%);border-radius:16px 0 0 16px;width:4px;height:100%;position:absolute;top:0;left:0}.doc-item:hover{border-color:#ec4899;transform:translateY(-3px);box-shadow:0 8px 25px #ec48994d}.doc-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.doc-icon{text-align:center;min-width:40px;font-size:32px}.doc-info{flex:1}.doc-title{color:#f472b6;margin-bottom:4px;font-size:15px;font-weight:800;line-height:1.3}.doc-category{color:#f472b6;text-transform:uppercase;background:#ec489926;border:1px solid #ec48994d;border-radius:8px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}.doc-meta{color:#f9a8d4;background:#0f0f0f;border:1px solid #2d2d2d;border-radius:10px;margin:10px 0;padding:8px;font-size:12px;font-weight:600}.doc-meta-item{align-items:center;gap:6px;margin:4px 0;display:flex}.doc-actions-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.btn-doc-action{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn-view{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#be185d 100%);box-shadow:0 2px 8px #ec48994d}.btn-view:hover{background:linear-gradient(135deg,#be185d 0%,#831843 100%);transform:translateY(-2px)}.btn-download-doc{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#15803d 100%);box-shadow:0 2px 8px #22c55e4d}.btn-download-doc:hover{background:linear-gradient(135deg,#15803d 0%,#166534 100%);transform:translateY(-2px)}.doc-empty{text-align:center;color:#6b7280;grid-column:1/-1;padding:40px 20px}.doc-empty-icon{opacity:.5;margin-bottom:15px;font-size:60px}.info-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:25px;display:grid}.info-stat-item{text-align:center;background:#1a1a1a;border:2px solid #2d2d2d;border-radius:12px;padding:15px;transition:all .3s}.info-stat-item:hover{border-color:#ec4899;transform:translateY(-3px)}.info-stat-icon{margin-bottom:5px;font-size:24px;display:block}.info-stat-label{color:#6b7280;margin-bottom:3px;font-size:12px;display:block}.info-stat-value{color:#f472b6;font-size:24px;font-weight:700;display:block}.info-categories{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.info-cat-btn{color:#f9a8d4;cursor:pointer;background:#1a1a1a;border:2px solid #2d2d2d;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .3s}.info-cat-btn:hover{color:#ec4899;border-color:#ec4899}.info-cat-btn.active{color:#fff;background:linear-gradient(135deg,#f97316 0%,#c2410c 100%);border-color:#f97316;box-shadow:0 4px 12px #f9731666}.info-board{gap:15px;display:grid}.info-item{background:#1a1a1a;border:2px solid #2d2d2d;border-radius:16px;padding:20px;transition:all .3s;box-shadow:0 2px 15px #0000004d}.info-item:hover{border-color:#ec4899;transform:translate(3px);box-shadow:0 4px 20px #ec489940}.info-item.priority-mendesak{border-color:#e53e3e;animation:3s ease-in-out infinite pulseWarning}.info-item-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.info-item-title{color:#f472b6;flex:1;font-size:18px;font-weight:900;line-height:1.3}.info-item-badges{flex-wrap:wrap;gap:6px;display:flex}.info-badge{text-transform:uppercase;color:#fff;border-radius:12px;padding:3px 10px;font-size:10px;font-weight:800}.info-badge.kategori-pengumuman{background:linear-gradient(135deg,#ec4899 0%,#be185d 100%)}.info-badge.kategori-memo{background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%)}.info-badge.kategori-catatan{background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%)}.info-badge.kategori-penting{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)}.info-badge.kategori-update{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%)}.info-badge.priority-mendesak{background:linear-gradient(135deg,#e53e3e 0%,#991b1b 100%)}.info-badge.priority-penting{background:linear-gradient(135deg,#f97316 0%,#c2410c 100%)}.info-badge.priority-normal{background:linear-gradient(135deg,#22c55e 0%,#15803d 100%)}.info-badge-new{background:#ff1493;animation:2s ease-in-out infinite pulse}.info-item-meta{color:#f9a8d4;background:#0f0f0f;border:1px solid #2d2d2d;border-radius:10px;flex-wrap:wrap;gap:15px;margin-bottom:12px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.info-meta-item{align-items:center;gap:5px;display:flex}.info-item-content{color:#fce7f3;white-space:pre-wrap;word-wrap:break-word;font-size:14px;font-weight:500;line-height:1.6}.info-item-content.collapsed{max-height:120px;position:relative;overflow:hidden}.info-item-content.collapsed:after{content:"";background:linear-gradient(#0000,#1a1a1a);height:50px;position:absolute;bottom:0;left:0;right:0}.info-toggle-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899 0%,#be185d 100%);border:none;border-radius:10px;margin-top:8px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .3s}.info-toggle-btn:hover{background:linear-gradient(135deg,#be185d 0%,#831843 100%);transform:scale(1.05)}.info-item-footer{border-top:1px dashed #2d2d2d;justify-content:flex-end;margin-top:12px;padding-top:12px;display:flex}.info-share-btn{background:#25d366;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;color:#fff!important}.info-share-btn:hover{background:#128c7e;transform:translateY(-2px)}.info-empty{text-align:center;color:#6b7280;padding:40px 20px}.info-empty-icon{opacity:.5;margin-bottom:15px;font-size:60px}.menu-weekly-nav{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.menu-week-btn{color:#f9a8d4;cursor:pointer;white-space:nowrap;background:#1a1a1a;border:2px solid #2d2d2d;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .3s}.menu-week-btn:hover{color:#ec4899;border-color:#ec4899}.menu-week-btn.active{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#be185d 100%);border-color:#ec4899;box-shadow:0 4px 12px #ec489966}.menu-weekly-container{gap:20px;display:grid}.menu-day-card{background:#1a1a1a;border:2px solid #2d2d2d;border-radius:20px;padding:20px;transition:all .3s;box-shadow:0 2px 15px #0000004d}.menu-day-card:hover{border-color:#ec4899;box-shadow:0 4px 20px #ec489933}.menu-day-header{border-bottom:2px dashed #2d2d2d;align-items:center;gap:12px;margin-bottom:15px;padding-bottom:12px;display:flex}.menu-day-icon{font-size:32px}.menu-day-title h3{color:#f472b6;margin-bottom:3px;font-size:20px;font-weight:900}.menu-day-date{color:#f9a8d4;font-size:13px;font-weight:600}.menu-items{background:#0f0f0f;border:2px solid #2d2d2d;border-radius:14px;padding:15px}.menu-items h4{color:#f472b6;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:800;display:flex}.menu-list{flex-wrap:wrap;gap:8px;display:flex}.menu-item-tag{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#be185d 100%);border-radius:16px;padding:6px 14px;font-size:13px;font-weight:700;box-shadow:0 2px 8px #ec48994d}.menu-published{color:#f9a8d4;background:#ec48991a;border:1px solid #ec489933;border-radius:10px;align-items:center;gap:6px;margin-top:12px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.rute-summary-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px;display:grid}.rute-summary-card{text-align:center;border:2px solid;border-radius:20px;padding:20px;box-shadow:0 4px 20px #0000004d}.rute-summary-card.south{color:#fef3c7;background:linear-gradient(135deg,#422006 0%,#1a1a1a 100%);border-color:#f59e0b;box-shadow:0 4px 20px #f59e0b33}.rute-summary-card.north{color:#e0f2fe;background:linear-gradient(135deg,#075985 0%,#1a1a1a 100%);border-color:#0ea5e9;box-shadow:0 4px 20px #0ea5e933}.rute-summary-card h3{color:#fff;margin-bottom:12px;font-size:18px;font-weight:900}.rute-summary-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.rute-summary-stat{background:#0006;border:1px solid #ffffff1a;border-radius:12px;padding:10px}.rute-summary-stat .label{color:#f9a8d4;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.rute-summary-stat .value{color:#fff;font-size:18px;font-weight:900;display:block}.rute-summary-grand{border-top:2px dashed;margin-top:8px;padding-top:12px}.rute-summary-card.south .rute-summary-grand{border-color:#f59e0b}.rute-summary-card.north .rute-summary-grand{border-color:#0ea5e9}.rute-summary-card.south .rute-summary-grand .label{color:#fbbf24}.rute-summary-card.south .rute-summary-grand .value{color:#fef3c7}.rute-summary-card.north .rute-summary-grand .label{color:#7dd3fc}.rute-summary-card.north .rute-summary-grand .value{color:#e0f2fe}.rute-tables-grid{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;display:grid}.rute-table-wrapper{border:2px solid #2d2d2d;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.rute-table-wrapper.south thead tr:first-child{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.rute-table-wrapper.north thead tr:first-child{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%)}.rute-table{border-collapse:collapse;background:#1a1a1a;width:100%}.rute-table thead tr:first-child th{color:#fff;text-align:center;padding:12px;font-size:14px;font-weight:900}.rute-table thead tr:nth-child(2) th{color:#f472b6;text-align:left;text-transform:uppercase;background:#0f0f0f;border-bottom:2px solid #ec4899;padding:10px;font-size:12px;font-weight:800}.rute-table thead tr:nth-child(2) th.center{text-align:center}.rute-table tbody td{color:#fce7f3;border-bottom:1px solid #2d2d2d;padding:12px;font-size:13px;font-weight:600}.rute-table tbody td.center{text-align:center;font-weight:700}.rute-table tbody tr:hover{background:#2d1a2d}.rute-table tfoot{color:#f472b6;background:#0f0f0f;font-weight:900}.rute-table tfoot td{border-top:2px solid #ec4899;padding:12px}.rute-table tfoot td.center{text-align:center}.rute-total-box{color:#fff;text-align:center;background:linear-gradient(135deg,#be185d 0%,#831843 100%);border:2px solid #ec4899;border-radius:20px;padding:25px;box-shadow:0 0 30px #ec489966}.rute-total-box h3{color:#fce7f3;margin-bottom:15px;font-size:20px;font-weight:900}.rute-total-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.rute-total-item{background:#0000004d;border:1px solid #f472b64d;border-radius:14px;padding:15px}.rute-total-label{color:#f9a8d4;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.rute-total-value{color:#fff;text-shadow:0 0 10px #f472b680;font-size:24px;font-weight:900;display:block}.btn-download-rute{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e 0%,#15803d 100%);border:none;border-radius:14px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 24px;font-size:14px;font-weight:800;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #22c55e4d}.btn-download-rute:hover{background:linear-gradient(135deg,#15803d 0%,#166534 100%);transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}@keyframes pulseWarning{0%,to{box-shadow:0 0 #e53e3e99}50%{box-shadow:0 0 0 12px #e53e3e00}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollText{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{box-shadow:0 0 #ec489999}50%{box-shadow:0 0 0 12px #ec489900}}.footer{text-align:center;color:#ffd6e7;background:linear-gradient(135deg,#000 0%,#1a1a1a 100%);border:2px solid #ec4899;border-radius:15px;margin-top:20px;padding:25px;box-shadow:0 5px 20px #0000004d}.footer p{margin:5px 0}.footer-small{color:#f472b6;font-size:12px}#tableSekolah td{vertical-align:middle;white-space:nowrap}#tableSekolah td:nth-child(2){text-align:center}#tableSekolah td:nth-child(4){white-space:normal;min-width:180px}#tableSekolah td:nth-child(8){white-space:normal;min-width:180px;max-width:250px}.npsn-badge{color:#f9a8d4;letter-spacing:.5px;background:#f472b61a;border:1px solid #f472b6;border-radius:4px;padding:2px 6px;font-family:Courier New,Courier,monospace;font-size:11px;font-weight:700;display:inline-block}#tableSekolah th{white-space:nowrap;font-size:11px}@media (max-width:768px){.container{padding:15px}.sticky-header{padding:12px 15px}.header-top{text-align:center;flex-direction:column;gap:10px}.hamburger-btn{order:0;align-self:flex-start}.header-title h1{font-size:18px}.clock-container{justify-content:center;width:100%;padding:8px 12px}.time-display{font-size:18px}.analog-clock{width:45px;height:45px}.hour-hand{height:11px}.minute-hand{height:15px}.second-hand{height:18px}th,td{padding:8px 10px;font-size:12px}.ktp-thumbnail{width:60px;height:40px}.welcome-card{text-align:center;flex-direction:column;padding:20px}.birthday-card{text-align:center;flex-direction:column}.rute-tables-grid,.rute-total-stats,.rute-summary-stats{grid-template-columns:1fr}.section-header h2{font-size:18px}.doc-actions-grid{grid-template-columns:1fr}.btn-download-rute{justify-content:center;width:100%}.chat-widget{bottom:15px;right:15px}.chat-toggle-btn{width:60px;height:60px;font-size:24px}.chat-window{border-radius:15px 15px 0 0;width:100%;max-width:100vw;height:85vh;position:fixed;bottom:0;left:0;right:0}.ktp-modal-content{max-width:95%;padding:15px}}.stok-actions{flex-wrap:wrap;gap:10px;margin-bottom:15px;display:flex}.stok-form{background:#0f0f0f;border:2px solid #ec4899;border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px;padding:20px;animation:.3s slideIn;display:grid}.stok-form label{color:#f9a8d4;text-transform:uppercase;flex-direction:column;gap:5px;font-size:12px;font-weight:800;display:flex}.stok-form input,.stok-form select{color:#fce7f3;background:#1a1a1a;border:2px solid #2d2d2d;border-radius:10px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s}.stok-form input:focus,.stok-form select:focus{border-color:#ec4899;box-shadow:0 0 10px #ec48994d}.stok-form select option{color:#fce7f3;background:#1a1a1a}.form-full{grid-column:1/-1;justify-content:flex-end;gap:10px;display:flex}.btn-simpan{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e 0%,#15803d 100%);border:none;border-radius:12px;padding:10px 22px;font-size:13px;font-weight:800;transition:all .3s;box-shadow:0 4px 12px #22c55e4d}.btn-simpan:hover{transform:translateY(-2px);box-shadow:0 6px 18px #22c55e80}.btn-batal{color:#f9a8d4;cursor:pointer;background:#2d2d2d;border:none;border-radius:12px;padding:10px 22px;font-size:13px;font-weight:800;transition:all .3s}.btn-batal:hover{background:#3d3d3d}.stok-card{cursor:pointer;position:relative}.stok-card.menipis{border-color:#f97316}.stok-card.habis{border-color:#e53e3e;animation:2s ease-in-out infinite pulseWarning}.stok-sisa{color:#f472b6;font-size:20px;font-weight:900}.stok-badge{color:#fff;letter-spacing:.5px;border-radius:10px;padding:3px 10px;font-size:10px;font-weight:900;position:absolute;top:12px;right:12px}.stok-badge.aman{background:linear-gradient(135deg,#22c55e,#15803d)}.stok-badge.menipis{background:linear-gradient(135deg,#f97316,#c2410c)}.stok-badge.habis{background:linear-gradient(135deg,#e53e3e,#991b1b)}.kartu-stock{color:#3a3a1a;background:linear-gradient(135deg,#f9f3b0 0%,#efe48a 100%);border:3px solid #b8a934;border-radius:18px;padding:20px;animation:.4s slideIn;box-shadow:0 8px 30px #0006}.kartu-stock-title{text-align:center;letter-spacing:3px;color:#4a4a10;text-transform:uppercase;margin-bottom:12px;font-size:20px;font-weight:900}.kartu-header{background:#ffffff80;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:15px;padding:12px;font-size:13px;font-weight:700;display:grid}.kartu-header .kh-label{text-transform:uppercase;color:#7a7a30;font-size:10px;font-weight:900;display:block}.kartu-stock .table-container{border-color:#b8a934}.kartu-stock table{background:#fffdf2}.kartu-stock th{color:#3a3a10;background:linear-gradient(135deg,#d4c65a,#b8a934);position:static}.kartu-stock td{color:#3a3a1a;border-bottom:1px solid #e0d67a}.kartu-stock tr:hover{background:#f7f0c0}.kartu-stock td.masuk{color:#15803d;font-weight:800}.kartu-stock td.keluar{color:#991b1b;font-weight:800}@media (max-width:768px){.stok-form{grid-template-columns:1fr}.form-full{flex-direction:column}.btn-simpan,.btn-batal{width:100%}.kartu-header{grid-template-columns:1fr 1fr}}.btn-hapus-stok{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e53e3e 0%,#991b1b 100%);border:none;border-radius:10px;padding:6px 12px;font-size:13px;font-weight:800;transition:all .3s;box-shadow:0 2px 8px #e53e3e4d}.btn-hapus-stok:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e53e3e80}#tableRingkasanStok{font-size:14px}#tableRingkasanStok th{color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#be185d,#831843);padding:10px 8px;font-size:11px;font-weight:800}#tableRingkasanStok td{color:#fce7f3;vertical-align:middle;border-bottom:1px solid #2d2d2d;padding:12px 8px;font-size:13px}#tableRingkasanStok tr:hover{background:#2d1a2d}.status-aman{color:#22c55e;font-size:15px;font-weight:800}.status-menipis{color:#f97316;font-size:15px;font-weight:800}.status-habis{color:#e53e3e;font-size:15px;font-weight:800;animation:2s infinite pulseWarning}@media (max-width:768px){#tableRingkasanStok{font-size:12px}#tableRingkasanStok th{padding:8px 5px;font-size:10px}#tableRingkasanStok td{padding:10px 5px;font-size:12px}.npsn-badge{padding:2px 4px!important;font-size:9px!important}}@media (max-width:640px){#tableRingkasanStok thead{display:none}#tableRingkasanStok,#tableRingkasanStok tbody,#tableRingkasanStok tr,#tableRingkasanStok td{width:100%;display:block}#tableRingkasanStok tr{background:#1a1a1a;border:2px solid #2d2d2d;border-radius:12px;margin-bottom:12px;padding:12px}#tableRingkasanStok td{border:none;padding:8px 0 8px 45%;position:relative;text-align:left!important}#tableRingkasanStok td:before{content:attr(data-label);color:#f9a8d4;width:40%;font-size:11px;font-weight:700;position:absolute;left:0}#tableRingkasanStok tr td:nth-child(4){font-size:16px;font-weight:900}}@media print{body *{visibility:hidden}#stokSummaryView,#stokSummaryView *{visibility:visible}#stokSummaryView{width:100%;padding:20px;position:absolute;top:0;left:0;color:#000!important;background:#fff!important}#tableRingkasanStok th{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#000!important;background:#eee!important}#tableRingkasanStok td{color:#000!important;border-bottom:1px solid #ccc!important}.back-btn,.btn-cam{display:none!important}.section-header h2{color:#000!important}}@media (max-width:480px){.sticky-header{padding:10px 12px}.header-title h1{font-size:16px}.header-title p{font-size:11px}.clock-container{flex-direction:row;justify-content:center;gap:10px;padding:8px 10px}.analog-clock{width:35px;height:35px}.hour-hand{height:10px}.minute-hand{height:13px}.second-hand{height:16px}.time-display{font-size:16px}.date-display{font-size:9px}.ms-display{display:none}.info-stats{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:15px}.info-stat-item{padding:10px}.info-stat-icon{font-size:18px}.info-stat-label{font-size:10px}.info-stat-value{font-size:18px}.welcome-card{flex-direction:column;gap:10px;padding:15px}.welcome-icon{font-size:35px}.welcome-content h2{font-size:16px}.welcome-content p{font-size:12px}.running-text-container{padding:8px 12px}.running-text-label{padding:3px 8px;font-size:10px}.running-text{font-size:12px}.quote-card{padding:15px}.quote-card p{font-size:14px}.birthday-card{flex-direction:column;gap:10px;padding:15px}.birthday-icon{font-size:35px}.birthday-content h3{font-size:16px}.agenda-card{padding:15px}.agenda-card h2{font-size:16px}.agenda-item{gap:10px;padding:10px}.agenda-date{min-width:50px;padding:6px 10px}.agenda-date .day{font-size:16px}.agenda-date .month{font-size:10px}.agenda-info h4{font-size:13px}.agenda-info p{font-size:11px}.section-header{gap:10px;margin-bottom:15px}.section-header h2{font-size:16px}.back-btn{padding:8px 15px;font-size:12px}.content-section{padding:15px}th,td{padding:8px;font-size:11px}.info-card{padding:15px}.info-card h3{font-size:15px}.info-card p{font-size:12px}.search-box input{padding:10px 12px;font-size:13px}.hamburger-btn{padding:8px 14px;font-size:12px}}@media (max-width:375px){.info-stats{grid-template-columns:1fr}.clock-container{flex-direction:column}.time-display,.header-title h1{font-size:14px}}#toastContainer{z-index:12000;pointer-events:none;flex-direction:column;gap:10px;width:340px;max-width:90vw;display:flex;position:fixed;top:20px;right:20px}.toast-item{opacity:0;pointer-events:auto;cursor:pointer;background:#1a1a1a;border:2px solid #ec4899;border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;transform:translate(120%);box-shadow:0 8px 30px #00000080}.toast-item.show{opacity:1;transform:translate(0)}.toast-icon{font-size:18px;line-height:1.2}.toast-msg{color:#fce7f3;word-break:break-word;font-size:13px;font-weight:700;line-height:1.4}.toast-item.success{border-color:#22c55e;box-shadow:0 8px 30px #22c55e40}.toast-item.error{border-color:#e53e3e;box-shadow:0 8px 30px #e53e3e40}.toast-item.warning{border-color:#f97316;box-shadow:0 8px 30px #f9731640}.toast-item.info{border-color:#0ea5e9;box-shadow:0 8px 30px #0ea5e940}@media (max-width:480px){#toastContainer{width:auto;top:12px;left:12px;right:12px}}.confirm-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:12500;opacity:0;visibility:hidden;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;transition:all .3s;display:flex;position:fixed;top:0;left:0}.confirm-overlay.active{opacity:1;visibility:visible}.confirm-modal{text-align:center;background:linear-gradient(135deg,#1a1a1a 0%,#2d1a2d 100%);border:2px solid #ec4899;border-radius:20px;width:100%;max-width:400px;padding:28px;transition:transform .3s;transform:scale(.9);box-shadow:0 0 40px #ec489966}.confirm-overlay.active .confirm-modal{transform:scale(1)}.confirm-icon{margin-bottom:10px;font-size:44px}.confirm-modal h3{color:#f472b6;margin-bottom:12px;font-size:20px;font-weight:900}.confirm-text{color:#f9a8d4;white-space:pre-line;margin-bottom:22px;font-size:14px;font-weight:600;line-height:1.6}.confirm-actions{gap:10px;display:flex}.confirm-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px;font-family:inherit;font-size:14px;font-weight:800;transition:all .3s}.confirm-btn.cancel{color:#f9a8d4;background:#2d2d2d}.confirm-btn.cancel:hover{background:#3d3d3d}.confirm-btn.ok{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#15803d 100%);box-shadow:0 4px 15px #22c55e66}.confirm-btn.ok.danger{background:linear-gradient(135deg,#e53e3e 0%,#991b1b 100%);box-shadow:0 4px 15px #e53e3e66}.confirm-btn.ok:hover{transform:translateY(-2px)}.chat-widget{z-index:1100;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.chat-toggle-btn{color:#fff;cursor:pointer;border:3px solid #0f0f0f;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;font-size:28px;transition:all .3s;display:flex;position:relative}.chat-toggle-btn:hover{transform:scale(1.15)rotate(10deg)}.chat-window{background:#1a1a1a;border:2px solid #ec4899;border-radius:20px;flex-direction:column;width:400px;height:600px;animation:.3s chatSlideIn;display:flex;overflow:hidden;box-shadow:0 10px 50px #ec48994d}@keyframes chatSlideIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-header{color:#fff;border-bottom:2px solid #fff3;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.chat-header h3{margin:0;font-size:16px;font-weight:900}.chat-header-info{flex-direction:column;flex:1;gap:2px;display:flex}.chat-user-label{opacity:.85;font-size:11px;font-weight:700}.chat-close-btn{color:#fff;cursor:pointer;background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.chat-close-btn:hover{background:#00000080;transform:rotate(90deg)scale(1.1)}@keyframes redzonePulse{0%,to{box-shadow:0 0 25px #ec489999}50%{box-shadow:0 0 40px #ec4899e6}}@media (max-width:480px){.chat-window{border-radius:15px 15px 0 0;width:100vw;height:85vh;position:fixed;bottom:0;right:0}.chat-widget{bottom:15px;right:15px}}.export-toolbar{background:linear-gradient(135deg,#ec48991a 0%,#0f0f0f99 100%);border:2px dashed #ec489973;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;padding:12px 16px;display:flex}.export-label{color:#f9a8d4;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;font-size:12px;font-weight:900;display:inline-flex}.export-btn{color:#fff;cursor:pointer;border:2px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:800;transition:all .3s;display:inline-flex}.export-btn:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px)}.export-btn:active:not(:disabled){transform:translateY(0)}.export-btn:disabled{opacity:.55;cursor:not-allowed}.export-btn.pdf{background:linear-gradient(135deg,#ec4899 0%,#be185d 100%);border-color:#f472b6;box-shadow:0 4px 14px #ec489966}.export-btn.pdf:hover:not(:disabled){box-shadow:0 6px 20px #ec489999}.export-btn.excel{background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);border-color:#4ade80;box-shadow:0 4px 14px #22c55e59}.export-btn.excel:hover:not(:disabled){box-shadow:0 6px 20px #22c55e8c}.export-btn.png{background:linear-gradient(135deg,#0ea5e9 0%,#0369a1 100%);border-color:#7dd3fc;box-shadow:0 4px 14px #0ea5e959}.export-btn.png:hover:not(:disabled){box-shadow:0 6px 20px #0ea5e98c}.export-count{color:#6b7280;margin-left:auto;font-size:11px;font-weight:700}@media (max-width:480px){.export-toolbar{gap:8px;padding:10px 12px}.export-btn{flex:1;justify-content:center;padding:10px 8px;font-size:12px}.export-count{text-align:center;width:100%;margin-left:0}}.table-container{border:1px solid #2d2d2d;border-radius:12px}table th,table td{padding:7px 10px;font-size:13px;line-height:1.35}table th{color:#f9a8d4;letter-spacing:.4px;background:#1f1220;border-bottom:2px solid #ec489973;font-size:10.5px;font-weight:800}table tr:hover{background:#ec489912}.ktp-thumbnail{border:1.5px solid #be185d;border-radius:6px;width:60px;height:38px}.ktp-container:hover{transform:scale(1.08)}.npsn-badge{padding:1px 5px;font-size:10px}.masked-nik{letter-spacing:1px;font-size:12px}@media (max-width:480px){table th,table td{padding:6px;font-size:11px}.ktp-thumbnail{width:46px;height:30px}}.btn-cam{color:#fff;cursor:pointer;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:140px;padding:12px 18px;font-family:inherit;font-size:14px;font-weight:800;transition:all .3s;display:inline-flex}.btn-cam.start{background:linear-gradient(135deg,#ec4899 0%,#be185d 100%);box-shadow:0 4px 15px #ec489959}.btn-cam.jepret{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 15px #f59e0b59}.btn-cam.ulangi{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}.btn-cam.kirim{background:linear-gradient(135deg,#22c55e 0%,#15803d 100%);box-shadow:0 4px 15px #22c55e59}.btn-cam:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.btn-cam:disabled{opacity:.6;cursor:not-allowed}@media (max-width:480px){.stok-actions{flex-direction:column}.btn-cam{width:100%}}#toastContainer{z-index:13000}.pm-banner{background:linear-gradient(135deg,#f59e0b26 0%,#0f0f0f99 100%);border:2px dashed #f59e0b80;border-radius:14px;align-items:center;gap:12px;margin-bottom:15px;padding:10px 16px;text-decoration:none;transition:all .3s;display:flex}.pm-banner:hover{border-color:#f59e0b;text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b40}.pm-badge{color:#fff;letter-spacing:.5px;white-space:nowrap;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:10px;padding:4px 12px;font-size:11px;font-weight:900;animation:2s ease-in-out infinite pulse;box-shadow:0 2px 10px #f59e0b66}.pm-text{color:#fbbf24;flex:1;font-size:13px;font-weight:700}.pm-arrow{color:#f59e0b;font-size:18px;font-weight:900}@media (max-width:480px){.pm-banner{flex-wrap:wrap;gap:8px;padding:10px 12px}.pm-text{flex-basis:100%;order:3;font-size:12px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}