/*!
 * Polos v1.3 - Complete CSS Framework
 * Systems: Grid, Page, Box, Alignment, Colors, Display Helpers, Popup
 * @copyright  2025 Polos Style
 * @author    Ali Musthofa
 * @link      https://github.com/alicom13/polos
 * @license   MIT
 */.rw{display:grid;grid-template-columns:repeat(12,minmax(80px,1fr));gap:16px;counter-reset:div}.rw>.div{border:1px solid #e0e0e0;padding:15px}.rw div:before{counter-increment:div}.rw div[class]:after{display:block}.c-auto{grid-column:auto/span 999;min-width:0}.rw.auto-fit{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.rw.auto-fill{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.cl-1{grid-column:auto/span 1;min-width:0}.cl-2{grid-column:auto/span 2;min-width:0}.cl-3{grid-column:auto/span 3;min-width:0}.cl-4{grid-column:auto/span 4;min-width:0}.cl-5{grid-column:auto/span 5;min-width:0}.cl-6{grid-column:auto/span 6;min-width:0}.cl-7{grid-column:auto/span 7;min-width:0}.cl-8{grid-column:auto/span 8;min-width:0}.cl-9{grid-column:auto/span 9;min-width:0}.cl-10{grid-column:auto/span 10;min-width:0}.cl-11{grid-column:auto/span 11;min-width:0}.cl-12{grid-column:auto/span 12;min-width:0}@media (576px <= width <= 767.98px){.rw.auto-fit{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.rw.auto-fill{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.cm-1{grid-column:auto/span 1}.cm-2{grid-column:auto/span 2}.cm-3{grid-column:auto/span 3}.cm-4{grid-column:auto/span 4}.cm-5{grid-column:auto/span 5}.cm-6{grid-column:auto/span 6}.cm-7{grid-column:auto/span 7}.cm-8{grid-column:auto/span 8}.cm-9{grid-column:auto/span 9}.cm-10{grid-column:auto/span 10}.cm-11{grid-column:auto/span 11}.cm-12{grid-column:auto/span 12}}@media (max-width:575.98px){.rw.auto-fit{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.rw.auto-fill{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.cs-1{grid-column:auto/span 1}.cs-2{grid-column:auto/span 2}.cs-3{grid-column:auto/span 3}.cs-4{grid-column:auto/span 4}.cs-5{grid-column:auto/span 5}.cs-6{grid-column:auto/span 6}.cs-7{grid-column:auto/span 7}.cs-8{grid-column:auto/span 8}.cs-9{grid-column:auto/span 9}.cs-10{grid-column:auto/span 10}.cs-11{grid-column:auto/span 11}.cs-12{grid-column:auto/span 12}}.rw.no-gap{gap:0}.rw.small-gap{gap:8px}.rw.large-gap{gap:24px}.rw.align-start{align-items:start}.rw.align-center{align-items:center}.rw.align-end{align-items:end}.rw.justify-start{justify-items:start}.rw.justify-center{justify-items:center}.rw.justify-end{justify-items:end}.rw.justify-stretch{justify-items:stretch}.lmn{margin:0 auto;max-width:1200px;width:100%;box-shadow:2px 6px 15px 0 rgba(69,65,78,.1);border-radius:8px;background:#fff}.content .lmn,.main-content .lmn,main .lmn{margin:.5rem auto;max-width:calc(100% - 1rem)}.lmn-hd{padding:1rem 1.5rem;background-color:transparent;border-bottom:1px solid rgba(0,0,0,.125);align-items:center;display:flex;justify-content:space-between}.lmn-bd{padding:1.25rem 1.5rem;min-height:200px}.lmn-ft{padding:1rem 1.5rem;background-color:transparent;border-top:1px solid rgba(0,0,0,.125);text-align:center}.lmn-compact{max-width:1000px}.lmn-compact .lmn-bd{padding:1rem 1.25rem}.lmn-wide{max-width:1400px}.lmn-full{max-width:calc(100% - 2rem);margin:1rem auto}.lmn-plain{box-shadow:none;border:1px solid rgba(0,0,0,.1)}.lmn-bg-light{background:#f8f9fa}.lmn-bg-dark{background:#1a1a1a;color:#fff}.lmn-border-none{border:none}.lmn-border-thick{border:2px solid rgba(0,0,0,.1)}.pt-start{display:flex;justify-content:flex-start}.pt-center{display:flex;justify-content:center}.pt-end{display:flex;justify-content:flex-end}.pt-between{display:flex;justify-content:space-between}.pl-box{display:flex;flex-wrap:wrap;gap:1rem;width:100%}.bx-itm{padding:1.25rem;min-height:120px;border:1px solid #e9ecef;border-radius:8px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:.3s}.bx-itm:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.pl-box-1 .bx-itm{flex:1 1 100%}.pl-box-2 .bx-itm{flex:1 1 calc(50% - .5rem);min-width:250px}.pl-box-3 .bx-itm{flex:1 1 calc(33.333% - .666rem);min-width:200px}.pl-box-4 .bx-itm{flex:1 1 calc(25% - .75rem);min-width:180px}.bx-compact{padding:.875rem;min-height:80px}.bx-highlight{border-left:4px solid #003ec4;background:#f8f9ff}.bx-clean{border:none;box-shadow:0 2px 8px rgba(0,0,0,.08)}.bx-blue{background:#003ec4;color:#fff;border:none}.bx-green{background:#16a34a;color:#fff;border:none}.bx-gray{background:#f8f9fa;border:1px solid #e9ecef}.biru1,.blue1{color:#003ec4}.biru2,.blue2{color:#003ece}.biru3,.blue3{color:#1e56d1}.biru4,.blue4{color:#3a6ed8}.merah1,.red1{color:#dc2626}.merah2,.red2{color:#ef4444}.merah3,.red3{color:#f87171}.merah4,.red4{color:#fca5a5}.green1,.hijau1{color:#16a34a}.green2,.hijau2{color:#22c55e}.green3,.hijau3{color:#4ade80}.green4,.hijau4{color:#86efac}.kuning1,.yellow1{color:#eab308}.kuning2,.yellow2{color:#facc15}.kuning3,.yellow3{color:#fde047}.kuning4,.yellow4{color:#fef08a}.purple1,.ungu1{color:#9333ea}.purple2,.ungu2{color:#a855f7}.purple3,.ungu3{color:#c084fc}.purple4,.ungu4{color:#d8b4fe}.abu1,.gray1{color:#6b7280}.abu2,.gray2{color:#9ca3af}.abu3,.gray3{color:#d1d5db}.abu4,.gray4{color:#e5e7eb}.bg-biru1,.bg-blue1{background-color:#003ec4}.bg-biru2,.bg-blue2{background-color:#003ece}.bg-merah1,.bg-red1{background-color:#dc2626}.bg-green1,.bg-hijau1{background-color:#16a34a}.bg-kuning1,.bg-yellow1{background-color:#eab308}.bg-purple1,.bg-ungu1{background-color:#9333ea}.bg-abu1,.bg-gray1{background-color:#6b7280}.putih,.white{color:#fff}.black,.hitam{color:#000}.bg-putih,.bg-white{background-color:#fff}.bg-black,.bg-hitam{background-color:#000}.s-sl,.s-sm,.s-ss{display:none}.t-tl,.t-tm,.t-ts{display:block}@media (max-width:767.98px){.pl-box-2 .bx-itm,.pl-box-3 .bx-itm,.pl-box-4 .bx-itm{flex:1 1 100%}.bx-itm{padding:1rem}.lmn-hd{flex-direction:column;gap:1rem;text-align:center}}.bx-itm.js-interactive{cursor:pointer;transition:.3s}.bx-itm.js-interactive:active{transform:scale(.98)}.lmn-loading{opacity:.7;pointer-events:none;position:relative}.lmn-loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #003ec4;border-radius:50%;animation:1s linear infinite spin}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.popup-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(4px)}.popup-backdrop.active{display:flex}.popup-container{background:#fff;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.2);max-width:90%;max-height:90%;overflow:hidden;animation:.3s ease-out popupSlideIn}@keyframes popupSlideIn{from{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-sm{width:400px}.popup-md{width:600px}.popup-lg{width:800px}.popup-xl{width:1000px}.popup-full{width:95%;height:95%}.popup-header{padding:1.5rem;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa}.popup-title{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0}.popup-close{background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:4px;transition:.3s}.popup-close:hover{background:#e5e7eb;color:#374151}.popup-body{padding:1.5rem;max-height:60vh;overflow-y:auto}.popup-footer{padding:1rem 1.5rem;border-top:1px solid #e9ecef;background:#f8f9fa;display:flex;justify-content:flex-end;gap:.75rem}.popup-plain .popup-footer,.popup-plain .popup-header{background:0 0;border:none}.popup-bordered{border:2px solid #e9ecef}.popup-shadow-lg{box-shadow:0 25px 50px rgba(0,0,0,.25)}.popup-toast{position:fixed;top:20px;right:20px;width:350px;background:#fff;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.15);padding:1rem;display:none;z-index:1100;animation:.3s ease-out toastSlideIn}.popup-toast.active{display:block}@keyframes toastSlideIn{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.popup-alert{border-left:4px solid}.popup-alert.success{border-left-color:#16a34a}.popup-alert.warning{border-left-color:#eab308}.popup-alert.error{border-left-color:#dc2626}.popup-alert.info{border-left-color:#003ec4}@media (max-width:767.98px){.popup-container{max-width:95%;margin:1rem}.popup-lg,.popup-md,.popup-sm,.popup-xl{width:auto;min-width:90%}.popup-footer{flex-direction:column}.popup-footer button{width:100%}.popup-toast{width:calc(100% - 2rem);left:1rem;right:1rem}}.popup-loading .popup-body{position:relative;min-height:200px}.popup-loading .popup-body::after{content:'';position:absolute;top:50%;left:50%;width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #003ec4;border-radius:50%;animation:1s linear infinite spin}.btn-primary{background:#003ec4;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:.3s}.btn-primary:hover{background:#0030a0;transform:translateY(-1px)}.btn-secondary{background:#6b7280;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:.3s}.btn-secondary:hover{background:#4b5563}