@charset "UTF-8";@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:200 800;src:url(/build/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:200 800;src:url(/build/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:italic;font-display:swap;font-weight:200 800;src:url(/build/assets/plus-jakarta-sans-latin-wght-italic-DnD1KgkH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:100 800;src:url(/build/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:100 800;src:url(/build/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: var(--font-sans);--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}:root[data-theme=light]{--bg-body: #F0F4F8;--bg-card: #FFFFFF;--bg-sidebar: #FFFFFF;--bg-hover: #F8FAFC;--bg-muted: #F1F5F9;--t-base: #1E293B;--t-muted: #64748B;--t-light: #94A3B8;--t-inverse: #FFFFFF;--border: #E4E8EF;--border-soft: #EEF1F5;--primary: #2563EB;--primary-light: #3B82F6;--primary-dark: #1D4ED8;--primary-soft: #EFF6FF;--primary-ring: rgba(37, 99, 235, .18);--success: #10B981;--success-soft: #ECFDF5;--warning: #F59E0B;--warning-soft: #FFFBEB;--danger: #EF4444;--danger-soft: #FEF2F2;--info: #0EA5E9;--info-soft: #F0F9FF;--purple: #8B5CF6;--purple-soft: #F5F3FF;--pink: #EC4899;--pink-soft: #FDF2F8;--teal: #14B8A6;--teal-soft: #F0FDFA;--orange: #F97316;--orange-soft: #FFF7ED;--shadow-sm: 0 1px 2px 0 rgb(15 23 42 / .04);--shadow-card: 0 1px 3px 0 rgb(15 23 42 / .06), 0 1px 2px -1px rgb(15 23 42 / .04);--shadow-lg: 0 10px 15px -3px rgb(15 23 42 / .08), 0 4px 6px -4px rgb(15 23 42 / .05);--overlay: rgba(240, 244, 248, .72)}:root[data-theme=dark]{--bg-body: #0B1120;--bg-card: #141B2D;--bg-sidebar: #141B2D;--bg-hover: #1C2438;--bg-muted: #1A2237;--t-base: #F1F5F9;--t-muted: #94A3B8;--t-light: #64748B;--t-inverse: #0B1120;--border: #222C42;--border-soft: #1A2237;--primary: #60A5FA;--primary-light: #93C5FD;--primary-dark: #3B82F6;--primary-soft: #0F2847;--primary-ring: rgba(96, 165, 250, .24);--success: #34D399;--success-soft: #0F2A20;--warning: #FBBF24;--warning-soft: #2B1F08;--danger: #F87171;--danger-soft: #2B1414;--info: #38BDF8;--info-soft: #0D2232;--purple: #A78BFA;--purple-soft: #1E1A2C;--pink: #F472B6;--pink-soft: #2A1424;--teal: #2DD4BF;--teal-soft: #0E2826;--orange: #FB923C;--orange-soft: #2A1810;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .4);--shadow-card: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .25);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .4);--overlay: rgba(11, 17, 32, .72)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}ul,ol{margin:0;padding:0;list-style:none}img,svg{display:block;max-width:100%}input,textarea{font:inherit;color:inherit}body{font-family:var(--font-sans);font-feature-settings:"cv11","ss01","ss03";font-weight:400;background:var(--bg-body);color:var(--t-base);font-size:14px;line-height:1.55;letter-spacing:-.003em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .28s ease,color .28s ease}::selection{background:var(--primary);color:#fff}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--t-light);font-weight:500}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fade-in{to{opacity:1}}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.d-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);padding:22px 16px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:22px;overflow-y:auto}.d-sidebar::-webkit-scrollbar{width:4px}.d-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.brand{display:flex;align-items:center;gap:10px;padding:4px 10px 20px;border-bottom:1px solid var(--border-soft)}.brand-logo{width:32px;height:32px;background:var(--primary);border-radius:8px;display:grid;place-items:center;box-shadow:0 4px 10px -2px color-mix(in oklab,var(--primary) 40%,transparent)}.brand-logo svg{width:18px;height:18px}.brand-text{line-height:1.1}.brand-name{font-family:var(--font-display);font-weight:700;font-size:15.5px;color:var(--t-base);letter-spacing:-.02em}.brand-tag{font-family:var(--font-mono);font-size:9.5px;color:var(--t-light);letter-spacing:.1em}.nav-section{display:flex;flex-direction:column;gap:2px}.nav-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--t-light);padding:0 10px 6px}.nav-link{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:8px;color:var(--t-muted);font-size:13px;font-weight:500;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease;line-height:1.2}.nav-link>svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.75;fill:none;flex-shrink:0;display:block;stroke-linecap:round;stroke-linejoin:round}.nav-link>span:not(.nav-badge){min-width:0;flex:1}.nav-link:hover{background:var(--bg-hover);color:var(--t-base)}.nav-link.is-active{color:var(--primary);background:var(--primary-soft);box-shadow:inset 3px 0 0 var(--primary)}.nav-badge{flex:0 0 auto;margin-left:auto;font-family:var(--font-sans);font-size:9px;font-weight:700;letter-spacing:.04em;padding:2px 6px;line-height:1.4;border-radius:999px}.nav-badge.pro{background:var(--primary);color:var(--on-primary, #fff)}.nav-badge.hot{background:var(--danger-soft);color:var(--danger)}.nav-badge.new{background:var(--success-soft);color:var(--success)}.nav-item-group .nav-link .chev{width:11px;height:11px;margin-left:auto;transition:transform .2s ease}.nav-item-group.is-open .nav-link .chev{transform:rotate(90deg)}.nav-submenu{overflow:hidden;max-height:0;margin-left:20px;padding-left:14px;position:relative;transition:max-height .28s cubic-bezier(.4,0,.2,1)}.nav-submenu:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:1px;background:var(--border)}.nav-item-group.is-open .nav-submenu{max-height:400px;padding-top:4px;padding-bottom:6px}.nav-submenu a{display:flex;align-items:center;padding:7px 10px;font-size:12.5px;color:var(--t-muted);border-radius:6px;transition:color .16s ease,background-color .16s ease,padding-left .16s ease}.nav-submenu a:hover{color:var(--t-base);background:var(--bg-hover);padding-left:13px}.nav-submenu a.is-active{color:var(--primary);font-weight:600;background:var(--primary-soft)}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-soft)}.workspace{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:8px;transition:background-color .18s ease}.workspace:hover{background:var(--bg-hover)}.workspace-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--purple));color:var(--on-primary, #fff);display:grid;place-items:center;font-weight:600;font-size:12.5px;flex-shrink:0}.workspace-text{line-height:1.2;min-width:0}.workspace-name{font-size:13px;color:var(--t-base);font-weight:600}.workspace-role{font-size:11px;color:var(--t-light)}.workspace-chev{margin-left:auto;color:var(--t-light)}.main{display:flex;flex-direction:column;min-width:0}.hamburger{display:none;width:44px;height:44px;align-items:center;justify-content:center;border-radius:8px;color:var(--t-base);margin-right:4px;transition:background .16s}.hamburger:hover{background:var(--bg-hover)}.hamburger svg{width:20px;height:20px}.drawer-backdrop{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s}body.has-drawer-open .drawer-backdrop{opacity:1;visibility:visible}.d-topbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);background:var(--overlay)}.crumbs{display:flex;align-items:center;gap:10px;color:var(--t-muted);font-size:13px;font-weight:500}.crumbs .sep{color:var(--t-light)}.crumbs .current{color:var(--t-base);font-weight:600}.topbar-actions{display:flex;align-items:center;gap:6px}.cmd{display:inline-flex;align-items:center;gap:10px;padding:7px 10px 7px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--t-light);font-size:13px;transition:all .2s ease;min-width:220px}.cmd:hover{border-color:var(--primary);color:var(--t-muted);box-shadow:0 0 0 3px var(--primary-soft)}.cmd svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none}.cmd span{flex:1;text-align:left}.kbd{font-family:var(--font-mono);font-size:10px;padding:2px 6px;border-radius:4px;background:var(--bg-muted);color:var(--t-muted);border:1px solid var(--border)}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;color:var(--t-muted);transition:background .18s,color .18s;position:relative}.icon-btn:hover{background:var(--bg-hover);color:var(--t-base)}.icon-btn>svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.8;fill:none}.icon-btn .count{position:absolute;top:5px;right:5px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;font-size:9.5px;font-weight:600;display:grid;place-items:center;border:2px solid var(--bg-body);line-height:1}.icon-btn .count.danger{background:var(--danger);color:#fff}.icon-btn .count.info{background:var(--info);color:#fff}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--purple));color:var(--on-primary, #fff);display:grid;place-items:center;font-weight:600;font-size:13px;margin-left:6px;border:2px solid var(--bg-card);box-shadow:var(--shadow-sm);cursor:pointer}.d-footer{padding:24px 32px 28px;display:flex;justify-content:space-between;align-items:center;color:var(--t-muted);font-size:12px}.d-footer a{color:var(--primary);font-weight:600}.d-footer a:hover{color:var(--primary-dark)}.d-footer-meta{display:flex;gap:20px;font-family:var(--font-mono);font-size:10.5px;color:var(--t-light);letter-spacing:.06em}.dd-wrap{position:relative}.dd-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:340px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease,visibility .18s;overflow:hidden;z-index:100}.dd-wrap.is-open .dd-menu{opacity:1;visibility:visible;transform:translateY(0)}.dd-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border-soft);font-size:12.5px;font-weight:600;color:var(--t-base);letter-spacing:.01em}.dd-head svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.8;fill:none;color:var(--t-muted)}.dd-list{max-height:320px;overflow-y:auto}.dd-list::-webkit-scrollbar{width:4px}.dd-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.dd-item{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--border-soft);transition:background .15s ease}.dd-item:last-child{border-bottom:0}.dd-item:hover{background:var(--bg-hover)}.dd-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0}.dd-avatar.a1{background:linear-gradient(135deg,var(--primary),var(--purple))}.dd-avatar.a2{background:linear-gradient(135deg,var(--success),var(--teal))}.dd-avatar.a3{background:linear-gradient(135deg,var(--danger),var(--warning))}.dd-body{min-width:0}.dd-text{font-size:13px;color:var(--t-muted);line-height:1.4;margin-bottom:3px}.dd-text strong{color:var(--t-base);font-weight:600}.dd-text em{color:var(--primary);font-style:normal}.dd-preview{font-size:12.5px;color:var(--t-muted);line-height:1.45;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px}.dd-row-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.dd-row-head strong{font-size:13px;color:var(--t-base);font-weight:600}.dd-time{font-family:var(--font-mono);font-size:10px;color:var(--t-light);letter-spacing:.04em;flex-shrink:0}.dd-footer{display:block;padding:12px 18px;text-align:center;font-size:12.5px;color:var(--primary);font-weight:600;border-top:1px solid var(--border-soft);transition:color .18s,background .18s}.dd-footer:hover{color:var(--primary-dark);background:var(--bg-hover)}.dd-menu.dd-profile{min-width:220px}.dd-menu-item{display:flex;align-items:center;gap:12px;padding:10px 18px;font-size:13px;color:var(--t-base);transition:background .15s,color .15s}.dd-menu-item:hover{background:var(--bg-hover)}.dd-menu-item svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.75;fill:none;color:var(--t-muted)}.dd-menu-item.danger{color:var(--danger)}.dd-menu-item.danger svg{color:var(--danger)}.dd-menu-item.danger:hover{background:var(--danger-soft)}.dd-divider{height:1px;background:var(--border-soft);margin:6px 0}.dd-profile-head{padding:14px 18px;border-bottom:1px solid var(--border-soft)}.dd-profile-name{font-size:13px;font-weight:600;color:var(--t-base)}.dd-profile-email{font-size:12px;color:var(--t-muted);margin-top:2px;font-family:var(--font-mono);letter-spacing:.02em}.content{padding:32px 32px 24px;width:100%}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:28px;animation:rise-in .6s cubic-bezier(.2,.7,.2,1) both}.hero-text .eyebrow{display:block;margin-bottom:10px}.hero-title{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,3.2vw,36px);line-height:1.15;letter-spacing:-.028em;color:var(--t-base);margin:0 0 8px}.hero-sub{font-size:14px;color:var(--t-muted);max-width:60ch;line-height:1.6}.hero-sub strong{color:var(--success);font-weight:600}.hero-actions{display:flex;gap:8px;flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:8px;font-size:13px;font-weight:600;transition:all .18s ease;border:1px solid transparent;white-space:nowrap}.btn svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none}.btn--ghost{color:var(--t-base);border-color:var(--border);background:var(--bg-card)}.btn--ghost:hover{border-color:var(--t-light);box-shadow:var(--shadow-sm)}.btn--primary{background:var(--primary);color:var(--on-primary, #fff);box-shadow:0 1px 2px var(--primary-ring)}.btn--primary:hover{background:var(--primary-dark)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:22px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;min-width:0}.card-head{display:flex;justify-content:space-between;align-items:flex-end;padding:0 0 16px;margin-bottom:20px;border-bottom:1px solid var(--border-soft);gap:16px}.card-head>:last-child{flex-shrink:0;padding-bottom:2px}.card-title-wrap{min-width:0}.card-title-wrap .eyebrow{display:block;margin-bottom:4px}.card-title{font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:-.02em;color:var(--t-base);margin:0}.card-action{font-size:12px;color:var(--primary);font-weight:600;display:inline-flex;align-items:center;gap:5px;transition:color .18s}.card-action:hover{color:var(--primary-dark)}.card-action svg{width:12px;height:12px;stroke:currentColor;stroke-width:2.2;fill:none}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;animation:rise-in .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:.26s}.grid>*{min-width:0}.col-6{grid-column:span 6}.col-12{grid-column:span 12}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll::-webkit-scrollbar{height:4px}.table-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.table{width:100%;border-collapse:collapse}.table thead th{text-align:left;padding:10px 0 12px;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--t-light);font-weight:500;border-bottom:1px solid var(--border)}.table tbody td{padding:11px 0;font-size:13px;border-bottom:1px solid var(--border-soft)}.table tbody tr:last-child td{border-bottom:0}.table tbody tr{transition:background-color .16s ease}.table tbody tr:hover td{background:var(--bg-hover)}.table .cell-name{color:var(--t-base);font-weight:600}.table .cell-date{color:var(--t-muted);font-size:12px}.table .cell-price{font-weight:600;color:var(--t-base);text-align:right}.table .cell-price.pos{color:var(--success)}.table .cell-price.neg{color:var(--danger)}.tag{font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:999px;letter-spacing:.02em;display:inline-flex;align-items:center;line-height:1}.tag.t-new{background:var(--purple-soft);color:var(--purple)}.tag.t-used{background:var(--orange-soft);color:var(--orange)}.tag.t-old{background:var(--warning-soft);color:var(--warning)}.tag.t-unavail{background:var(--danger-soft);color:var(--danger)}.tag.t-active{background:var(--success-soft);color:var(--success)}.tag.t-info{background:var(--info-soft);color:var(--info)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}.form-grid .span-2{grid-column:span 2}@media(max-width:720px){.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field-label{font-size:12px;font-weight:600;color:var(--t-base);letter-spacing:-.005em;display:flex;align-items:center;gap:6px}.field-label .req{color:var(--danger)}.field-help{font-size:11.5px;color:var(--t-muted);line-height:1.45}.field-error{font-size:11.5px;color:var(--danger);display:flex;align-items:center;gap:4px}.input,.select,.textarea{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--t-base);font-size:13px;font-family:inherit;outline:0;transition:border-color .18s,box-shadow .18s,background .18s}.input::placeholder,.textarea::placeholder{color:var(--t-light)}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--bg-muted);color:var(--t-light);cursor:not-allowed}.input.is-invalid,.select.is-invalid,.textarea.is-invalid{border-color:var(--danger)}.input.is-invalid:focus,.select.is-invalid:focus,.textarea.is-invalid:focus{box-shadow:0 0 0 3px var(--danger-soft)}.textarea{min-height:96px;resize:vertical;line-height:1.5}.select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.input-icon{position:relative}.input-icon .ico{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--t-light);pointer-events:none}.input-icon .ico svg{width:100%;height:100%;stroke:currentColor;stroke-width:2;fill:none}.input-icon .input{padding-left:34px}.input-group{display:flex;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);overflow:hidden;transition:border-color .18s,box-shadow .18s}.input-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input-group .addon{padding:0 12px;display:grid;place-items:center;background:var(--bg-muted);color:var(--t-muted);font-size:12px;font-family:var(--font-mono);border-right:1px solid var(--border)}.input-group .input{border:0;border-radius:0;background:transparent}.input-group .input:focus{box-shadow:none}.check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--t-base);-webkit-user-select:none;user-select:none}.check input{position:absolute;opacity:0;pointer-events:none}.check .box{width:16px;height:16px;border:1.5px solid var(--t-light);border-radius:5px;display:grid;place-items:center;flex-shrink:0;transition:all .16s;background:var(--bg-card)}.check input:checked+.box{background:var(--primary);border-color:var(--primary)}.check input:checked+.box:after{content:"";width:4px;height:8px;border:solid #fff;border-width:0 1.8px 1.8px 0;transform:rotate(45deg) translate(-1px,-1px)}.check.radio .box{border-radius:50%}.check.radio input:checked+.box:after{width:7px;height:7px;border:0;border-radius:50%;background:#fff;transform:none}.check:hover .box{border-color:var(--primary)}.check input:disabled+.box{opacity:.5;cursor:not-allowed}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;color:var(--t-base);-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;pointer-events:none}.switch .track{width:34px;height:20px;background:var(--bg-muted);border:1px solid var(--border);border-radius:999px;position:relative;transition:background .2s;flex-shrink:0}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s cubic-bezier(.2,.7,.2,1)}.switch input:checked+.track{background:var(--primary);border-color:var(--primary)}.switch input:checked+.track:after{transform:translate(14px)}.form-actions{display:flex;gap:10px;align-items:center;padding-top:18px;margin-top:18px;border-top:1px solid var(--border-soft)}.form-actions .spacer{flex:1}.btn--secondary{background:var(--bg-muted);color:var(--t-base);border-color:var(--border)}.btn--secondary:hover{background:var(--bg-hover);border-color:var(--t-light)}.btn--success{background:var(--success);color:#fff}.btn--success:hover{background:color-mix(in oklab,var(--success) 90%,black)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover{background:color-mix(in oklab,var(--danger) 90%,black)}.btn--warning{background:var(--warning);color:#fff}.btn--warning:hover{background:color-mix(in oklab,var(--warning) 90%,black)}.btn--info{background:var(--info);color:#fff}.btn--info:hover{background:color-mix(in oklab,var(--info) 90%,black)}.btn--soft-primary{background:var(--primary-soft);color:var(--primary)}.btn--soft-primary:hover{background:color-mix(in oklab,var(--primary-soft) 80%,var(--primary) 8%)}.btn--soft-success{background:var(--success-soft);color:var(--success)}.btn--soft-danger{background:var(--danger-soft);color:var(--danger)}.btn--soft-warning{background:var(--warning-soft);color:var(--warning)}.btn--soft-info{background:var(--info-soft);color:var(--info)}.btn--outline-primary{background:transparent;color:var(--primary);border-color:var(--primary)}.btn--outline-primary:hover{background:var(--primary-soft)}.btn--outline-danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn--outline-danger:hover{background:var(--danger-soft)}.btn--outline-success{background:transparent;color:var(--success);border-color:var(--success)}.btn--outline-success:hover{background:var(--success-soft)}.btn--lg{padding:12px 18px;font-size:14px}.btn--sm{padding:6px 10px;font-size:11.5px}.btn--icon{padding:9px}.btn--icon svg{margin:0}.btn-group{display:inline-flex;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px var(--border)}.btn-group .btn{border-radius:0;border:0;box-shadow:none;border-right:1px solid var(--border)}.btn-group .btn:last-child{border-right:0}.btn-group .btn.is-active{background:var(--primary-soft);color:var(--primary)}.alert{display:grid;grid-template-columns:24px 1fr auto;gap:12px;align-items:start;padding:14px 16px;border-radius:10px;font-size:13px;line-height:1.5;background:var(--bg-muted);color:var(--t-base);border-left:3px solid var(--t-muted)}.alert+.alert{margin-top:10px}.alert .ico{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;color:var(--t-muted);flex-shrink:0}.alert .ico svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none}.alert .body{min-width:0}.alert .title{font-weight:600;color:var(--t-base);margin-bottom:2px}.alert .close{width:22px;height:22px;display:grid;place-items:center;border-radius:5px;color:var(--t-light);transition:background .16s,color .16s}.alert .close:hover{background:var(--bg-hover);color:var(--t-base)}.alert .close svg{width:12px;height:12px;stroke:currentColor;stroke-width:2;fill:none}.alert.success{background:var(--success-soft);border-left-color:var(--success)}.alert.success .ico{background:color-mix(in oklab,var(--success) 14%,transparent);color:var(--success)}.alert.danger{background:var(--danger-soft);border-left-color:var(--danger)}.alert.danger .ico{background:color-mix(in oklab,var(--danger) 14%,transparent);color:var(--danger)}.alert.warning{background:var(--warning-soft);border-left-color:var(--warning)}.alert.warning .ico{background:color-mix(in oklab,var(--warning) 14%,transparent);color:var(--warning)}.alert.info{background:var(--info-soft);border-left-color:var(--info)}.alert.info .ico{background:color-mix(in oklab,var(--info) 14%,transparent);color:var(--info)}.alert.primary{background:var(--primary-soft);border-left-color:var(--primary)}.alert.primary .ico{background:color-mix(in oklab,var(--primary) 14%,transparent);color:var(--primary)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:999px;letter-spacing:.02em;line-height:1.4;background:var(--bg-muted);color:var(--t-muted)}.badge.primary{background:var(--primary-soft);color:var(--primary)}.badge.success{background:var(--success-soft);color:var(--success)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.info{background:var(--info-soft);color:var(--info)}.badge.purple{background:var(--purple-soft);color:var(--purple)}.badge.solid{background:var(--primary);color:var(--on-primary, #fff)}.badge.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.progress{width:100%;height:8px;background:var(--bg-muted);border-radius:999px;overflow:hidden}.progress.thin{height:4px}.progress.tall{height:14px}.progress-fill{height:100%;background:var(--primary);border-radius:999px;transform-origin:left;animation:bar-in .9s cubic-bezier(.2,.7,.2,1) both}.progress-fill.success{background:var(--success)}.progress-fill.danger{background:var(--danger)}.progress-fill.warning{background:var(--warning)}.progress-fill.info{background:var(--info)}.progress-fill.gradient{background:linear-gradient(90deg,var(--primary),var(--purple))}.progress-fill.striped{background-image:linear-gradient(45deg,rgba(255,255,255,.16) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.16) 50%,rgba(255,255,255,.16) 75%,transparent 75%,transparent);background-size:12px 12px}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--bg-muted);border-top-color:var(--primary);animation:spin .7s linear infinite;display:inline-block}.spinner.sm{width:14px;height:14px;border-width:2px}.spinner.lg{width:36px;height:36px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px}.tab{padding:10px 14px;font-size:13px;font-weight:500;color:var(--t-muted);border-bottom:2px solid transparent;transition:color .16s,border-color .16s;position:relative;top:1px;cursor:pointer}.tab:hover{color:var(--t-base)}.tab.is-active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.tab .badge{margin-left:6px}.tabs.pills{border-bottom:0;background:var(--bg-muted);border-radius:9px;padding:3px;display:inline-flex}.tabs.pills .tab{border-radius:7px;border-bottom:0;top:0;padding:7px 12px;font-size:12.5px}.tabs.pills .tab.is-active{background:var(--bg-card);color:var(--t-base);box-shadow:var(--shadow-sm)}.tab-panel{display:none}.tab-panel.is-active{display:block;animation:rise-in .32s ease both}.accordion{display:flex;flex-direction:column;gap:8px}.accordion-item{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--bg-card)}.accordion-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;font-size:13.5px;font-weight:600;color:var(--t-base);text-align:left;transition:background .16s}.accordion-trigger:hover{background:var(--bg-hover)}.accordion-trigger .chev{width:13px;height:13px;transition:transform .24s ease;color:var(--t-muted)}.accordion-trigger .chev svg{width:100%;height:100%;stroke:currentColor;stroke-width:2;fill:none}.accordion-item.is-open .accordion-trigger .chev{transform:rotate(180deg)}.accordion-body{max-height:0;overflow:hidden;transition:max-height .32s cubic-bezier(.4,0,.2,1);font-size:13px;color:var(--t-muted);line-height:1.6}.accordion-body-inner{padding:0 16px 14px}.accordion-item.is-open .accordion-body{max-height:400px}.modal-demo{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);overflow:hidden;max-width:480px}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-soft)}.modal-title{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--t-base);letter-spacing:-.012em}.modal-body{padding:18px 20px;font-size:13.5px;color:var(--t-muted);line-height:1.6}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border-soft);background:var(--bg-card)}.popover-demo{position:relative;display:inline-block}.popover-demo .pop{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--t-base);color:var(--bg-card);font-size:11.5px;font-weight:500;padding:6px 10px;border-radius:6px;white-space:nowrap;box-shadow:var(--shadow-lg)}.popover-demo .pop:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--t-base)}.avatar-group{display:inline-flex;align-items:center}.avatar-group .av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11.5px;font-weight:600;border:2px solid var(--bg-card);margin-left:-8px;flex-shrink:0}.avatar-group .av:first-child{margin-left:0}.avatar-group .av.more{background:var(--bg-muted);color:var(--t-muted);font-size:10.5px}.section-h{display:flex;align-items:baseline;gap:12px;font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--t-base);letter-spacing:-.012em;margin:0 0 14px}.section-h .num{font-family:var(--font-mono);font-size:11px;color:var(--t-light);font-weight:500;letter-spacing:.06em}.demo-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:var(--bg-body)}.auth-aside{position:relative;background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;padding:40px 48px;display:flex;flex-direction:column;overflow:hidden}.auth-aside:before{content:"";position:absolute;inset:-40% -20% auto auto;width:80%;aspect-ratio:1;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 60%);pointer-events:none}.auth-aside:after{content:"";position:absolute;inset:auto auto -30% -20%;width:80%;aspect-ratio:1;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 60%);pointer-events:none}.auth-brand{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.auth-brand .logo{width:36px;height:36px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:9px;display:grid;place-items:center}.auth-brand .logo svg{width:20px;height:20px}.auth-brand .name{font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:-.018em}.auth-aside-body{margin-top:auto;position:relative;z-index:1;max-width:440px}.auth-aside-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#ffffffb3;margin-bottom:14px;display:block}.auth-aside h1,.auth-aside .auth-aside-judul{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,3vw,38px);letter-spacing:-.025em;line-height:1.15;margin:0 0 14px}.auth-aside p{font-size:14.5px;color:#ffffffd9;line-height:1.6;margin:0 0 24px}.auth-quote{margin-top:32px;padding:18px 20px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;font-size:13px;color:#ffffffe6;line-height:1.6}.auth-quote-author{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:12px;color:#ffffffbf}.auth-quote-author .av{width:28px;height:28px;border-radius:50%;background:#ffffff38;display:grid;place-items:center;font-size:11px;font-weight:600}.auth-aside-footer{margin-top:auto;padding-top:24px;position:relative;z-index:1;display:flex;gap:18px;font-family:var(--font-mono);font-size:10px;color:#ffffff8c;letter-spacing:.06em}.auth-main{display:flex;flex-direction:column;padding:32px 48px;min-height:100vh}.auth-main-top{display:flex;justify-content:space-between;align-items:center}.auth-main-top .switch-link{font-size:12.5px;color:var(--t-muted)}.auth-main-top .switch-link a{color:var(--primary);font-weight:600;margin-left:4px}.auth-card{width:100%;max-width:400px;margin:auto;padding:8px 0}.auth-card h1,.auth-card h2{font-family:var(--font-display);font-weight:700;font-size:26px;letter-spacing:-.022em;color:var(--t-base);margin:0 0 6px}.auth-card .sub{font-size:13.5px;color:var(--t-muted);margin:0 0 24px;line-height:1.55}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form .field-row{display:flex;justify-content:space-between;align-items:center}.auth-form .field-row a{color:var(--primary);font-size:12px;font-weight:600}.auth-submit{margin-top:4px}.auth-submit.btn{padding:11px 14px}.auth-divider{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:10px;color:var(--t-light);letter-spacing:.14em;text-transform:uppercase;margin:18px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.social-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.social-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--t-base);font-size:12.5px;font-weight:600;transition:border-color .16s,box-shadow .16s,background .16s}.social-btn:hover{border-color:var(--t-light);box-shadow:var(--shadow-sm)}.social-btn svg{width:14px;height:14px}.auth-main-bottom{margin-top:24px;font-size:11.5px;color:var(--t-light);text-align:center}.auth-main-bottom a{color:var(--t-muted)}.data-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.data-toolbar-left{display:flex;align-items:center;gap:8px;flex:1;min-width:240px}.data-toolbar-right{display:flex;align-items:center;gap:8px}.data-toolbar .input-icon{flex:1;max-width:320px}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table thead th{position:sticky;top:0;background:var(--bg-card);text-align:left;padding:12px 14px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--t-light);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap}.data-table thead th .sort{display:inline-flex;vertical-align:middle;margin-left:4px;color:var(--t-light)}.data-table thead th.sorted-asc .sort,.data-table thead th.sorted-desc .sort{color:var(--primary)}.data-table thead th.sorted-asc .sort svg{transform:rotate(180deg)}.data-table thead th .sort svg{width:10px;height:10px;stroke:currentColor;stroke-width:2;fill:none;transition:transform .16s}.data-table tbody td{padding:12px 14px;font-size:13px;color:var(--t-base);border-bottom:1px solid var(--border-soft);white-space:nowrap}.data-table tbody tr{transition:background .14s}.data-table tbody tr:hover td{background:var(--bg-hover)}.data-table tbody tr.is-selected td{background:var(--primary-soft)}.data-cell-user{display:flex;align-items:center;gap:10px;min-width:0}.data-cell-user .av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600;font-size:11px;flex-shrink:0}.data-cell-user-meta{line-height:1.3;min-width:0}.data-cell-user-name{font-size:13px;font-weight:600;color:var(--t-base)}.data-cell-user-email{font-family:var(--font-mono);font-size:11px;color:var(--t-muted);letter-spacing:.02em}.data-cell-mono{font-family:var(--font-mono);font-size:12px;color:var(--t-muted);letter-spacing:.02em}.data-cell-actions{display:flex;gap:2px}.data-cell-actions .btn--icon{padding:6px;background:transparent;border:0;color:var(--t-muted);border-radius:6px;transition:background .14s,color .14s}.data-cell-actions .btn--icon:hover{background:var(--bg-hover);color:var(--t-base)}.data-cell-actions .btn--icon svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.8;fill:none}.data-foot{display:flex;align-items:center;justify-content:space-between;padding-top:16px;margin-top:4px;border-top:1px solid var(--border-soft);font-size:12px;color:var(--t-muted)}.data-foot-info{display:flex;align-items:center;gap:16px}.data-foot-info .select{width:auto;padding:6px 28px 6px 10px;font-size:12px}.pager{display:flex;gap:4px;align-items:center}.pager-btn{min-width:30px;height:30px;padding:0 8px;display:grid;place-items:center;border-radius:7px;font-size:12px;font-weight:600;color:var(--t-muted);transition:background .16s,color .16s}.pager-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--t-base)}.pager-btn.is-active{background:var(--primary);color:#fff}.pager-btn:disabled{opacity:.4;cursor:not-allowed}.pager-btn svg{width:12px;height:12px;stroke:currentColor;stroke-width:2;fill:none}.chart-pad{position:relative;padding:8px 0 4px}.chart-canvas-wrap{position:relative;width:100%;min-height:240px}.chart-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border-soft)}.chart-legend-item{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--t-muted)}.chart-legend-item .swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0}.chart-meta-row{display:flex;gap:18px;padding-top:14px;border-top:1px dashed var(--border-soft);margin-top:14px;flex-wrap:wrap}.chart-meta-cell{display:flex;flex-direction:column;gap:3px;min-width:90px}.chart-meta-label{font-size:10.5px;color:var(--t-light);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono)}.chart-meta-value{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:-.02em;color:var(--t-base)}.chart-meta-value.up{color:var(--success)}.chart-meta-value.down{color:var(--danger)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:20px}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:22px 22px 20px;box-shadow:var(--shadow-card);animation:rise-in .6s cubic-bezier(.2,.7,.2,1) both;position:relative;overflow:hidden;min-width:0;display:flex;flex-direction:column;gap:14px;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s ease,border-color .22s ease}.kpi-card:before{content:"";position:absolute;inset:0 0 auto auto;width:180px;height:180px;background:radial-gradient(circle at top right,currentColor,transparent 65%);opacity:.08;pointer-events:none;transition:opacity .22s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.kpi-card:hover:before{opacity:.14}.kpi-card.c-success{color:var(--success)}.kpi-card.c-danger{color:var(--danger)}.kpi-card.c-purple{color:var(--purple)}.kpi-card.c-primary{color:var(--primary)}.kpi-card:nth-child(1){animation-delay:60ms}.kpi-card:nth-child(2){animation-delay:.12s}.kpi-card:nth-child(3){animation-delay:.18s}.kpi-card:nth-child(4){animation-delay:.24s}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}.kpi-identity{display:flex;align-items:center;gap:10px;min-width:0}.kpi-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.kpi-icon svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.9;fill:none}.kpi-icon.primary{background:var(--primary-soft);color:var(--primary)}.kpi-icon.success{background:var(--success-soft);color:var(--success)}.kpi-icon.info{background:var(--info-soft);color:var(--info)}.kpi-icon.purple{background:var(--purple-soft);color:var(--purple)}.kpi-icon.danger{background:var(--danger-soft);color:var(--danger)}.kpi-icon.warning{background:var(--warning-soft);color:var(--warning)}.kpi-label{font-size:13px;color:var(--t-muted);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-value{font-family:var(--font-display);font-weight:700;font-size:44px;line-height:1;letter-spacing:-.035em;color:var(--t-base);position:relative}.kpi-value sup{font-size:17px;color:var(--t-muted);vertical-align:top;font-weight:500;margin-left:3px;line-height:2.1}.kpi-compare{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--t-light);font-weight:500;padding-top:12px;border-top:1px dashed var(--border-soft);margin-top:auto}.kpi-compare strong{color:var(--t-base);font-weight:600;font-family:var(--font-mono);font-size:11.5px;letter-spacing:-.01em}.kpi-compare svg{width:11px;height:11px;stroke:currentColor;stroke-width:2.2;fill:none;flex-shrink:0}.kpi-compare .up{color:var(--success)}.kpi-compare .down{color:var(--danger)}.kpi-compare .flat{color:var(--purple)}.kpi-compare .info{color:var(--info)}.kpi-compare .sep{color:var(--t-light);opacity:.45;font-weight:400}.kpi-pill{font-family:var(--font-mono);font-size:10.5px;font-weight:500;padding:4px 9px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;letter-spacing:.02em;flex-shrink:0}.kpi-pill.up{background:var(--success-soft);color:var(--success)}.kpi-pill.down{background:var(--danger-soft);color:var(--danger)}.kpi-pill.flat{background:var(--purple-soft);color:var(--purple)}.kpi-pill.info{background:var(--info-soft);color:var(--info)}.kpi-pill svg{width:10px;height:10px;stroke:currentColor;stroke-width:2.5;fill:none}.sv-regions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}.sv-region{display:flex;flex-direction:column;gap:10px;min-width:0}.sv-region-head{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--t-muted);font-weight:500}.sv-region-head .marker{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sv-region-value{font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--t-base);letter-spacing:-.03em;line-height:1.05;display:flex;align-items:baseline;gap:8px}.sv-region-value .pct{font-family:var(--font-mono);font-size:11.5px;color:var(--t-light);font-weight:500;letter-spacing:.02em}.sv-region-bar{height:3px;background:var(--bg-muted);border-radius:99px;overflow:hidden;margin-top:2px}.sv-region-bar-fill{height:100%;border-radius:99px;transform-origin:left;animation:bar-in .9s cubic-bezier(.2,.7,.2,1) .3s both}.sv-divider{height:1px;background:var(--border-soft);margin:28px 0}.sv-radials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.sv-radial{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center}.sv-radial-chart{width:72px;height:72px;position:relative;flex-shrink:0}.sv-radial-chart svg{width:100%;height:100%;transform:rotate(-90deg)}.radial-track{stroke:var(--bg-muted);stroke-width:5;fill:none}.radial-fill{stroke-width:5;fill:none;stroke-linecap:round}.radial-fill.danger{stroke:var(--danger)}.radial-fill.info{stroke:var(--info)}.radial-fill.warning{stroke:var(--warning)}.sv-radial-chart .pct{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--t-base);letter-spacing:-.022em}.sv-radial-text{display:flex;flex-direction:column;gap:2px;min-width:0}.sv-radial-name{font-size:13.5px;font-weight:600;color:var(--t-base);letter-spacing:-.005em}.sv-radial-caption{font-size:11.5px;color:var(--t-muted)}.chart-svg{width:100%;height:auto;display:block}.chart-svg .grid-line{stroke:var(--border-soft);stroke-width:1;stroke-dasharray:2 4}.chart-svg .axis-label{font-family:var(--font-mono);font-size:9.5px;fill:var(--t-light);letter-spacing:.04em}.chart-svg .area{fill:url(#chartGrad)}.chart-svg .line{fill:none;stroke:var(--primary);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2400;stroke-dashoffset:2400;animation:draw 1.4s cubic-bezier(.55,.15,.2,1) .4s forwards}.chart-svg .dot-peak{fill:var(--primary);stroke:var(--bg-card);stroke-width:3;opacity:0;animation:fade-in .6s ease 1.4s forwards}.monthly-footer{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-top:18px;border-top:1px solid var(--border-soft);margin-top:18px}.stat-cell{display:flex;flex-direction:column;gap:4px}.stat-cell-label{font-size:11px;color:var(--t-muted);font-weight:500}.stat-cell-value{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.022em;color:var(--t-base);display:flex;align-items:center;gap:6px}.stat-cell-value .trend-ic{width:11px;height:11px;color:var(--success);flex-shrink:0}.todo-list{display:flex;flex-direction:column}.todo-item{display:grid;grid-template-columns:20px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border-soft)}.todo-item:last-child{border-bottom:0}.todo-check{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid var(--t-light);border-radius:6px;cursor:pointer;position:relative;transition:all .16s ease;background:transparent}.todo-check:hover{border-color:var(--primary)}.todo-check:checked{background:var(--primary);border-color:var(--primary)}.todo-check:checked:after{content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;border:solid #fff;border-width:0 1.8px 1.8px 0;transform:rotate(45deg)}.todo-item.is-done .todo-text{color:var(--t-light);text-decoration:line-through;text-decoration-thickness:1.5px}.todo-text{font-size:13.5px;color:var(--t-base);cursor:pointer}.todo-badge{font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:999px;letter-spacing:.02em;line-height:1}.todo-badge.low{background:var(--bg-muted);color:var(--t-muted)}.todo-badge.upcoming{background:var(--info-soft);color:var(--info)}.todo-badge.urgent{background:var(--danger-soft);color:var(--danger)}.todo-badge.warn{background:var(--warning-soft);color:var(--warning)}.todo-badge.done{background:var(--success-soft);color:var(--success)}.sales-summary{display:flex;justify-content:space-between;align-items:flex-end;padding:0 0 20px;margin-bottom:4px}.sales-summary-label .eyebrow{display:block;margin-bottom:4px}.sales-summary h4{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--t-base);margin:0}.sales-summary-total{font-family:var(--font-display);font-weight:700;font-size:28px;letter-spacing:-.03em;color:var(--t-base);line-height:1}.sales-summary-total sup{font-size:15px;color:var(--t-muted);vertical-align:top;font-weight:500;margin-right:1px;line-height:2}.sales-all{padding:18px 0 0;text-align:center;margin-top:6px;border-top:1px solid var(--border-soft)}.sales-all a{font-size:12.5px;color:var(--primary);font-weight:600;display:inline-flex;align-items:center;gap:5px;transition:color .18s}.sales-all a:hover{color:var(--primary-dark)}.sales-all svg{width:12px;height:12px;stroke:currentColor;stroke-width:2.2;fill:none}.wx-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:8px 0}.wx-temp-block{display:flex;align-items:center;gap:16px}.wx-icon{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,var(--info-soft),var(--primary-soft));color:var(--info);display:grid;place-items:center;flex-shrink:0}.wx-icon svg{width:34px;height:34px;stroke:currentColor;stroke-width:1.3;fill:none}.wx-temp{font-family:var(--font-display);font-weight:700;font-size:44px;line-height:1;letter-spacing:-.035em;color:var(--t-base)}.wx-temp sup{font-size:18px;color:var(--t-muted);vertical-align:top;font-weight:500;line-height:1.6}.wx-condition{margin-top:4px;color:var(--t-muted);font-size:13px}.wx-condition strong{color:var(--t-base);font-weight:600}.wx-date{text-align:right}.wx-date h5{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--t-base);margin:0 0 2px;letter-spacing:-.02em}.wx-date p{font-family:var(--font-mono);font-size:10.5px;color:var(--t-light);letter-spacing:.06em;margin:0}.wx-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:20px 0 16px}.wx-stats>div{display:flex;flex-direction:column;gap:4px}.wx-stat-label{font-size:11px;color:var(--t-muted);font-weight:500}.wx-stat-value{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--t-base);letter-spacing:-.018em}.wx-stat-value .unit{font-size:11px;color:var(--t-light);margin-left:3px;font-weight:500;letter-spacing:0}.wx-forecast{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.wx-day{padding:10px 4px;border-radius:10px;cursor:pointer;transition:background .16s ease}.wx-day:hover{background:var(--bg-hover)}.wx-day.is-today{background:var(--primary);color:#fff}.wx-day-name{font-size:10.5px;font-weight:600;color:var(--t-muted);letter-spacing:.04em;margin-bottom:6px}.wx-day.is-today .wx-day-name{color:#ffffffd9}.wx-day-icon{width:22px;height:22px;margin:0 auto 6px;color:var(--t-muted)}.wx-day-icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.6;fill:none}.wx-day.is-today .wx-day-icon{color:#fff}.wx-day-temp{font-size:12.5px;color:var(--t-base);font-weight:600}.wx-day.is-today .wx-day-temp{color:#fff}.chat-frame{margin:-6px -6px 0;border-radius:12px;background:var(--bg-muted);overflow:hidden}.chat-messages{padding:20px;display:flex;flex-direction:column;gap:16px;min-height:200px}.chat-row{display:flex;gap:10px;max-width:min(85%,560px)}.chat-row.me{margin-left:auto;flex-direction:row-reverse}.chat-avatar{width:30px;height:30px;border-radius:50%;background:var(--bg-card);color:var(--t-base);display:grid;place-items:center;font-weight:600;font-size:11.5px;flex-shrink:0;border:1px solid var(--border)}.chat-avatar.me{background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;border:0}.chat-stack{display:flex;flex-direction:column;gap:4px;min-width:0}.chat-row.me .chat-stack{align-items:flex-end}.chat-bubble{padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px 14px 14px;font-size:13px;color:var(--t-base);line-height:1.45;box-shadow:var(--shadow-sm)}.chat-row.me .chat-bubble{background:var(--primary);color:#fff;border-color:var(--primary);border-top-left-radius:14px;border-top-right-radius:4px}.chat-ts{font-family:var(--font-mono);font-size:9.5px;color:var(--t-light);letter-spacing:.04em;padding:0 4px}.chat-input-row{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--bg-card);border-top:1px solid var(--border)}.chat-input{flex:1;background:transparent;border:0;outline:0;font-size:13.5px;color:var(--t-base);padding:4px 0}.chat-input::placeholder{color:var(--t-light)}.chat-send{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:var(--primary);color:#fff;transition:background .18s;flex-shrink:0;box-shadow:0 2px 6px -1px color-mix(in oklab,var(--primary) 40%,transparent)}.chat-send:hover{background:var(--primary-dark)}.chat-send svg{width:15px;height:15px;stroke:currentColor;stroke-width:2;fill:none}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-aside{display:none}}@media(max-width:1200px){.sv-regions{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.sv-radials{grid-template-columns:1fr;gap:18px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mail-shell{grid-template-columns:200px 1fr;height:auto;min-height:0}.mail-reader{display:none}.cal-shell{grid-template-columns:240px 1fr}.cal-grid{grid-auto-rows:minmax(96px,1fr)}}@media(max-width:1100px){.shell{grid-template-columns:72px 1fr}.d-sidebar{padding:20px 10px;overflow-y:auto;overflow-x:hidden;z-index:20}.brand-text,.brand-tag,.nav-label,.nav-link>span:not(.nav-badge),.nav-link .nav-badge,.workspace-text,.workspace-chev,.nav-link .chev{display:none}.brand{justify-content:center;padding:0 0 18px}.nav-link{justify-content:center;padding:10px}.nav-link.is-active:before{left:-10px}.workspace{justify-content:center;padding:6px}.col-6{grid-column:span 12}.nav-submenu{position:fixed;left:82px;top:0;width:200px;max-height:0;margin-left:0;padding:0;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;z-index:50;transition:opacity .18s ease,visibility .18s}.nav-submenu:before{display:none}.nav-item-group.is-open .nav-submenu{max-height:400px;padding:6px 0;opacity:1;visibility:visible}.nav-submenu a{padding:8px 14px;font-size:13px;border-radius:6px;margin:0 6px}.nav-submenu a:hover{padding-left:14px}.chat-shell{grid-template-columns:240px 1fr}}@media(max-width:720px){.shell{display:block}.d-sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;z-index:100;transform:translate(-100%);transition:transform .24s cubic-bezier(.2,.7,.2,1);box-shadow:0 12px 40px -8px #0006;padding:22px 16px 18px;overflow-y:auto;overscroll-behavior:contain}.brand-text,.brand-tag,.nav-label,.nav-link>span:not(.nav-badge),.nav-link .nav-badge,.workspace-text,.workspace-chev,.nav-submenu,.nav-link .chev{display:revert}.brand{justify-content:flex-start;padding:4px 10px 20px}.nav-link{justify-content:flex-start;padding:9px 12px}.workspace{justify-content:flex-start;padding:6px 10px}.nav-item-group{position:static}.nav-submenu{position:static;left:auto;top:auto;width:auto;margin-left:20px;padding:0 0 0 14px;background:transparent;border:0;border-radius:0;box-shadow:none;opacity:1;visibility:visible;max-height:0;transition:max-height .28s cubic-bezier(.4,0,.2,1)}.nav-submenu:before{display:block}.nav-item-group.is-open .nav-submenu{max-height:400px;padding:4px 0 6px 14px;opacity:1;visibility:visible}.nav-submenu a{margin:0;padding:7px 10px;font-size:12.5px;border-radius:6px}.nav-submenu a:hover{padding-left:13px}body.has-drawer-open .d-sidebar{transform:translate(0)}body.has-drawer-open{overflow:hidden}.hamburger{display:inline-flex}.d-topbar{padding:0 12px}.topbar-actions{gap:2px}.crumbs{gap:6px;min-width:0;flex:1;overflow:hidden}.crumbs>span:not(.current),.crumbs .sep{display:none}.crumbs .current{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd{min-width:0;padding:0;width:36px;height:36px;justify-content:center}.cmd span,.cmd .kbd{display:none}.cmd svg{width:16px;height:16px}.avatar{margin-left:2px}.dd-menu{min-width:0;width:calc(100vw - 16px);max-width:360px;right:-8px}.dd-menu.dd-profile{width:calc(100vw - 16px);max-width:280px}.content{padding:20px 16px 16px}.d-footer{padding:20px 16px;flex-direction:column;gap:10px;align-items:flex-start}.hero{flex-direction:column;align-items:flex-start;gap:20px}.hero-actions{flex-wrap:wrap}.grid{gap:16px}.kpi-grid{grid-template-columns:1fr}.sv-regions{grid-template-columns:1fr;gap:22px}.monthly-footer{grid-template-columns:repeat(2,1fr);gap:16px}.wx-forecast{grid-template-columns:repeat(4,1fr);gap:6px}.wx-hero{flex-direction:column;align-items:flex-start;gap:12px}.wx-date{text-align:left}.sales-summary{flex-direction:column;align-items:flex-start;gap:12px}.card{padding:18px}.card-head{flex-wrap:wrap;gap:10px}.chart-canvas-wrap{min-height:200px}.data-toolbar{flex-direction:column;align-items:stretch;gap:10px}.data-toolbar-left,.data-toolbar-right{min-width:0;flex-wrap:wrap}.data-foot{flex-direction:column;gap:12px;align-items:flex-start}.mail-shell{grid-template-columns:1fr}.mail-rail{display:none}.mail-hero{flex-direction:column;align-items:flex-start;gap:16px}.chat-shell{grid-template-columns:1fr;height:auto;min-height:0;overflow:visible}.chat-rail{display:flex;border-right:0;border-bottom:1px solid var(--border-soft);max-height:260px}.chat-pane{overflow:visible}.chat-pane-head{padding:12px 16px}.chat-thread{flex:0 0 auto;overflow:visible;padding:16px}.chat-composer{padding:12px 16px 16px}.cal-shell{grid-template-columns:1fr}.cal-toolbar{flex-wrap:wrap;gap:10px;padding:14px}.cal-toolbar-left{width:100%;justify-content:space-between}.cal-views{order:3}.cal-grid{grid-auto-rows:minmax(78px,1fr)}.cal-weekdays>div{padding:8px 6px;font-size:9px;letter-spacing:.1em}.cal-cell{padding:5px}.cal-chip-time{display:none}.compose-row{grid-template-columns:1fr!important;gap:6px!important}.compose-row-actions{justify-content:flex-start!important}.auth-main{padding:24px 20px}}@media(max-width:480px){.monthly-footer{grid-template-columns:1fr}.wx-forecast{grid-template-columns:repeat(2,1fr)}.form-actions{flex-direction:column;align-items:stretch}.form-actions .btn{width:100%;justify-content:center}.form-actions .spacer{display:none}.social-row{grid-template-columns:1fr}}:root[data-theme=light]{--bg-body: #F4F5F2;--bg-card: #FFFFFF;--bg-sidebar: #FFFFFF;--bg-hover: #F6F8F5;--bg-muted: #EEF1EC;--t-base: #1C2725;--t-muted: #5B6663;--t-light: #66706C;--border: #E2E5E0;--border-soft: #ECEFEA;--primary: #0E4F4C;--primary-light: #17706B;--primary-dark: #0A3A38;--primary-soft: #E4EFEE;--primary-ring: rgba(14, 79, 76, .18);--success: #276F48;--success-soft: #E7F2EB;--warning: #C98A1B;--warning-soft: #F3EAD7;--danger: #A3361C;--danger-soft: #F6E6E1;--info: #336C64;--info-soft: #E6F0EE;--purple: #6B5B95;--purple-soft: #EEEBF4;--teal: #0E4F4C;--teal-soft: #E4EFEE;--orange: #C98A1B;--orange-soft: #F3EAD7;--kunyit-ink: #6E5110;--on-primary: #FFFFFF;--overlay: rgba(244, 245, 242, .72)}:root[data-theme=dark]{--bg-body: #0E1514;--bg-card: #152120;--bg-sidebar: #152120;--bg-hover: #1B2A28;--bg-muted: #192624;--t-base: #ECF1EF;--t-muted: #9AA7A3;--t-light: #8C9995;--border: #24332F;--border-soft: #1C2926;--primary: #5DB3AA;--primary-light: #86CBC3;--primary-dark: #3E968D;--primary-soft: #14302D;--primary-ring: rgba(93, 179, 170, .24);--success: #5DBB85;--success-soft: #112A1D;--warning: #E2AE4B;--warning-soft: #2E2410;--danger: #E07A5F;--danger-soft: #2E1813;--info: #7DBDB2;--info-soft: #11292A;--teal: #5DB3AA;--teal-soft: #14302D;--orange: #E2AE4B;--orange-soft: #2E2410;--kunyit-ink: #F0CD86;--on-primary: #0A1513;--overlay: rgba(14, 21, 20, .72)}body,.nav-badge,.hero-title,.card-title,.kpi-value,.brand-name{font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.brand-logo{background:transparent;box-shadow:none;width:34px;height:34px}.brand-logo img{width:34px;height:34px;display:block}.d-sidebar{overflow-y:auto}.nav-link svg{width:18px;height:18px;flex:none}.nav-badge.soon{background:var(--warning-soft);color:var(--kunyit-ink);letter-spacing:.02em}.nav-link.is-soon>span:not(.nav-badge){color:var(--t-muted)}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-7{grid-column:span 7}.col-8{grid-column:span 8}@media(max-width:1100px){.col-3,.col-4,.col-5,.col-7,.col-8{grid-column:span 12}}.hero-title .accent{color:var(--primary)}.dd-menu-item.as-button{width:100%;background:none;border:0;cursor:pointer;font:inherit;text-align:left}.flash{margin-bottom:18px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px;line-height:1.5;white-space:nowrap}.pill.ok{background:var(--success-soft);color:var(--success)}.pill.warn{background:var(--warning-soft);color:var(--kunyit-ink)}.pill.bad{background:var(--danger-soft);color:var(--danger)}.pill.muted{background:var(--bg-muted);color:var(--t-muted)}.pill.info{background:var(--info-soft);color:var(--info)}.pill.soon{background:var(--warning-soft);color:var(--kunyit-ink)}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.toolbar .input-icon{flex:1 1 260px}.toolbar .select{width:auto;flex:0 1 180px}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);font-size:12.5px;font-weight:600;color:var(--t-muted);white-space:nowrap}.chip.is-active{background:var(--primary);border-color:var(--primary);color:var(--on-primary, #fff)}.chip .n{font-weight:700;opacity:.8}.list-cards{display:none}.row-link{color:inherit;font-weight:600}.row-link:hover{color:var(--primary)}.cell-sub{display:block;font-size:12px;color:var(--t-muted);font-weight:400;margin-top:2px}.cell-actions{text-align:right;white-space:nowrap}.item-card{display:flex;gap:12px;align-items:flex-start;padding:14px 2px;border-top:1px solid var(--border-soft);color:inherit}.item-card:first-child{border-top:0}.item-card:active{background:var(--bg-hover)}.item-avatar{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-weight:700;font-size:14px}.item-avatar.p{background:var(--warning-soft);color:var(--kunyit-ink)}.item-body{flex:1;min-width:0}.item-title{font-weight:700;font-size:15px;line-height:1.3}.item-meta{font-size:13px;color:var(--t-muted);margin-top:3px;line-height:1.45}.item-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.item-side{flex:none;align-self:center;color:var(--t-light)}.item-side svg{width:18px;height:18px}.pager-wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.pager-info{font-size:12.5px;color:var(--t-muted)}.pager-links{display:flex;gap:6px}.meter-row{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;padding:10px 0;border-top:1px solid var(--border-soft)}.meter-row:first-child{border-top:0}.meter-label{font-size:13.5px;font-weight:600}.meter-val{font-size:12.5px;color:var(--t-muted);font-variant-numeric:tabular-nums}.meter-row .progress{grid-column:1/-1}.chart-box{position:relative;height:260px}.road{display:flex;flex-direction:column}.road-item{display:flex;gap:12px;padding:11px 0;border-top:1px solid var(--border-soft);align-items:flex-start}.road-item:first-child{border-top:0}.road-dot{flex:none;width:10px;height:10px;border-radius:50%;margin-top:6px;background:var(--border)}.road-item.now .road-dot{background:var(--primary);box-shadow:0 0 0 4px var(--primary-ring)}.road-title{font-weight:600;font-size:13.5px}.road-sub{font-size:12.5px;color:var(--t-muted)}.soon-hero{display:flex;gap:16px;align-items:flex-start}.soon-icon{flex:none;width:48px;height:48px;border-radius:14px;background:var(--warning-soft);color:var(--kunyit-ink);display:grid;place-items:center}.soon-icon svg{width:24px;height:24px}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{display:flex;gap:10px;padding:11px 0;border-top:1px solid var(--border-soft);font-size:14px;line-height:1.5}.feature-list li:first-child{border-top:0}.feature-list svg{flex:none;width:18px;height:18px;color:var(--primary);margin-top:2px}.form-card{max-width:860px}.form-section+.form-section{margin-top:26px;padding-top:22px;border-top:1px solid var(--border-soft)}.form-section-title{font-size:14px;font-weight:700;margin:0 0 14px}.seg{display:inline-flex;flex-wrap:wrap;gap:6px}.seg label{cursor:pointer}.seg input{position:absolute;opacity:0;pointer-events:none}.seg span{display:inline-block;padding:9px 14px;border-radius:10px;border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--t-muted);background:var(--bg-card)}.seg input:checked+span{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.seg input:focus-visible+span{box-shadow:0 0 0 3px var(--primary-ring)}.danger-zone{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.auth-brand .logo{background:transparent}.auth-brand .logo img{width:36px;height:36px}.brand{position:relative}.nav-link.is-active{box-shadow:none;background:var(--primary-soft);color:var(--primary);font-weight:650}.nav-link.is-active>svg{color:var(--primary)}.nav-badge.new{background:var(--primary-soft);color:var(--primary)}.nav-link.is-active .nav-badge.new{background:var(--primary);color:var(--on-primary, #fff)}.nav-submenu a.is-active{color:var(--primary);font-weight:600}.sb-toggle{margin-left:auto;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;border:1px solid var(--border);background:var(--bg-card);color:var(--t-muted);cursor:pointer}.sb-toggle:hover{color:var(--primary);border-color:var(--primary)}.sb-toggle svg{width:15px;height:15px;transition:transform .2s ease}.sidebar-promo{margin-top:auto;border-radius:14px;padding:14px;background:radial-gradient(120% 90% at 100% 0%,color-mix(in oklab,var(--warning) 22%,transparent) 0%,transparent 60%),var(--primary-soft);border:1px solid color-mix(in oklab,var(--primary) 18%,transparent)}.sidebar-promo .eyebrow{color:var(--kunyit-ink)}.sidebar-promo-title{font-weight:700;font-size:13.5px;margin:4px 0 2px;color:var(--t-base)}.sidebar-promo-sub{font-size:12px;color:var(--t-muted);line-height:1.45}.sidebar-promo .btn{margin-top:10px;width:100%;justify-content:center}.sidebar-promo+.sidebar-footer{margin-top:0}@media(min-width:1101px){html.sb-collapsed .shell{grid-template-columns:76px 1fr}html.sb-collapsed .d-sidebar{padding:20px 10px;overflow-x:hidden}html.sb-collapsed .brand-text,html.sb-collapsed .nav-label,html.sb-collapsed .nav-link>span,html.sb-collapsed .nav-link .chev,html.sb-collapsed .nav-submenu,html.sb-collapsed .workspace-text,html.sb-collapsed .sidebar-promo{display:none}html.sb-collapsed .brand{flex-direction:column;gap:10px;justify-content:center;padding:0 0 14px}html.sb-collapsed .sb-toggle{margin:0}html.sb-collapsed .sb-toggle svg{transform:rotate(180deg)}html.sb-collapsed .nav-link{justify-content:center;padding:10px;position:relative}html.sb-collapsed .workspace{justify-content:center}}@media(max-width:1100px){.sb-toggle,.sidebar-promo{display:none}}.dd-quick{min-width:360px;padding:8px}.dd-quick-head{padding:8px 10px 6px}.qa-item{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:10px;color:inherit;opacity:0;transform:translateY(-4px);transition:background-color .16s ease,opacity .22s ease,transform .22s ease}.dd-wrap.is-open .qa-item{opacity:1;transform:none}.dd-wrap.is-open .qa-item:nth-child(2){transition-delay:30ms}.dd-wrap.is-open .qa-item:nth-child(3){transition-delay:60ms}.dd-wrap.is-open .qa-item:nth-child(4){transition-delay:90ms}.dd-wrap.is-open .qa-item:nth-child(5){transition-delay:.12s}.dd-wrap.is-open .qa-item:nth-child(6){transition-delay:.15s}a.qa-item:hover{background:var(--bg-hover)}.qa-item.is-soon{cursor:default}.qa-icon{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.qa-item.is-soon .qa-icon{background:var(--warning-soft);color:var(--kunyit-ink)}.qa-icon svg{width:18px;height:18px}.qa-title{font-weight:650;font-size:13.5px;display:flex;align-items:center;gap:8px}.qa-sub{font-size:12px;color:var(--t-muted);margin-top:2px;line-height:1.4}.btn-tambah svg{width:16px;height:16px}.btn-tambah .chev-down{width:14px;height:14px;transition:transform .18s ease}.dd-wrap.is-open .btn-tambah .chev-down{transform:rotate(180deg)}.bottom-nav{display:none}.kpi-top{flex-wrap:wrap;gap:8px}.kpi-identity{min-width:0}.kpi-label{white-space:nowrap;overflow:visible;text-overflow:clip}@media(max-width:720px){.d-sidebar{height:100dvh;padding-bottom:calc(28px + env(safe-area-inset-bottom))}.list-table{display:none}.list-cards{display:block}.card.list-card{padding:4px 16px}.toolbar .select{flex:1 1 140px}.hero{gap:12px}.hero-title{font-size:24px}.hero-actions .btn--primary.hide-sm{display:none}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.input,.select,.textarea{font-size:16px;min-height:46px}.form-actions{position:sticky;bottom:76px;background:var(--bg-card);padding-top:12px;z-index:5}.form-actions .btn{flex:1;justify-content:center;padding:13px 14px;font-size:14px}.cmd,.topbar-tambah{display:none}.content{padding-bottom:120px}.d-footer{display:none}.form-actions{bottom:100px}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;position:fixed;z-index:80;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));background:color-mix(in oklab,var(--bg-card) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:26px;padding:6px;box-shadow:0 14px 34px -12px #00000047,0 2px 6px -2px #00000014}.bottom-nav>a,.bottom-nav>button{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 9px;border-radius:18px;font-size:12px;font-weight:600;color:var(--t-muted);background:none;border:0;font-family:inherit;cursor:pointer;transition:color .16s ease,background-color .16s ease}.bottom-nav>a svg,.bottom-nav>button svg{width:22px;height:22px}.bottom-nav .is-active{color:var(--primary);background:var(--primary-soft)}.bottom-nav .is-active:after{content:"";position:absolute;bottom:3px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--primary)}.bn-plus{position:static;display:flex;justify-content:center}.bn-plus-btn{width:58px;height:58px;border-radius:50%;margin-top:-28px;display:grid;place-items:center;background:linear-gradient(145deg,var(--primary-light),var(--primary));color:var(--on-primary, #fff);border:4px solid var(--bg-body);box-shadow:0 12px 24px -8px color-mix(in oklab,var(--primary) 75%,transparent);cursor:pointer;transition:transform .2s cubic-bezier(.2,.7,.2,1)}.bn-plus-btn svg{width:26px;height:26px;transition:transform .22s ease}.bn-plus-btn:active{transform:scale(.94)}.bn-plus.is-open .bn-plus-btn svg{transform:rotate(45deg)}.bn-plus .dd-menu{position:absolute;top:auto;right:0;left:0;bottom:calc(100% + 12px);width:auto;max-width:none;min-width:0;transform:translateY(8px)}.bn-plus.is-open .dd-menu{transform:none}}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:190px;padding:24px 16px;text-align:center;border:2px dashed var(--border);border-radius:18px;background:var(--bg-hover);cursor:pointer;transition:border-color .16s ease,background-color .16s ease}.dropzone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.dropzone:hover,.dropzone.is-over{border-color:var(--primary);background:var(--primary-soft)}.dropzone.has-file{border-style:solid;border-color:var(--primary)}.dropzone.is-invalid{border-color:var(--danger)}.dropzone:focus-within{box-shadow:0 0 0 3px var(--primary-ring)}.dropzone-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--bg-card);color:var(--primary);margin-bottom:4px;box-shadow:0 6px 16px -10px #0e4f4c80}.dropzone-icon svg{width:24px;height:24px}.dropzone-title{font-weight:700;font-size:15px;overflow-wrap:anywhere}.dropzone-sub{font-size:12.5px;color:var(--t-muted)}.langkah{margin:0;padding:0;list-style:none;counter-reset:lk;display:grid;gap:12px}.langkah li{counter-increment:lk;display:grid;grid-template-columns:28px 1fr;gap:10px;font-size:13.5px;line-height:1.5;color:var(--t-muted)}.langkah li b{color:var(--t-base)}.langkah li:before{content:counter(lk);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-weight:700;font-size:13px}.kolom-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.kolom-item{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--border-soft);border-radius:12px}.kolom-nama{font-weight:700;font-size:13.5px}.kolom-alias{font-size:12px;color:var(--t-muted)}.impor-ringkas{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.impor-angka{display:flex;flex-direction:column;gap:2px;padding:16px 18px;border-radius:18px;background:var(--bg-card);border:1px solid var(--border-soft);border-left:4px solid var(--border)}.impor-angka.ok{border-left-color:var(--success)}.impor-angka.warn{border-left-color:var(--warning)}.impor-angka.bad{border-left-color:var(--danger)}.impor-n{font-size:28px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;font-family:Plus Jakarta Sans,system-ui,sans-serif}.impor-l{font-size:12.5px;color:var(--t-muted)}@media(max-width:560px){.impor-ringkas{gap:8px}.impor-angka{padding:12px}.impor-n{font-size:22px}}.impor-opsi{display:grid;gap:16px}.opsi-row{display:grid;gap:6px}.opsi-detail{font-size:12.5px;line-height:1.55;color:var(--t-muted);padding-left:52px}.opsi-detail b{color:var(--t-base)}@media(max-width:560px){.opsi-detail{padding-left:0}}.impor-simpan{display:grid;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-soft)}.impor-simpan .btn{justify-content:center}.impor-ket{min-width:220px}.impor-ket .ket{font-size:12px;color:var(--t-muted);margin-top:4px;line-height:1.4}.impor-ket .ket.bad{color:var(--danger);font-weight:600}.baris-lewat td:not(.impor-ket),.item-card.baris-lewat .item-body>:not(.item-tags){opacity:.6}[data-saring-wrap] .item-tags .pill{white-space:normal;text-align:left}[data-saring-wrap] .chips .chip{font-family:inherit;cursor:pointer}.kartu-santri-row{display:flex;flex-wrap:wrap;gap:20px 28px;align-items:center}.kartu-santri-row .kartu{box-shadow:0 10px 24px -14px #0e4f4c73;flex:none}.kartu-santri-teks{flex:1 1 260px;min-width:0}.kartu-santri-aksi{display:flex;flex-wrap:wrap;gap:8px}[data-saring-wrap] [hidden]{display:none!important}.founder-strip{align-items:center;margin-bottom:16px}.founder-strip>svg{width:18px;height:18px;color:var(--info)}.founder-strip a{font-weight:600;color:var(--info);white-space:nowrap}@media(max-width:560px){.founder-strip{grid-template-columns:20px 1fr}.founder-strip a{grid-column:2}}.nav-link.is-soon[title]{cursor:default}.detail-list{display:grid;grid-template-columns:minmax(110px,34%) 1fr;gap:10px 16px;margin:0;font-size:14px}.detail-list dt{color:var(--t-muted)}.detail-list dd{margin:0;font-weight:500;min-width:0;overflow-wrap:anywhere}@media(max-width:480px){.detail-list{grid-template-columns:1fr;gap:2px}.detail-list dd{margin-bottom:10px}}.kutipan{margin:16px 0 0;padding:12px 14px;border-radius:10px;background:var(--bg-muted);font-size:14px;line-height:1.55;white-space:pre-line}.ringkas-pondok{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.ringkas-pondok>div{padding:12px;border-radius:10px;background:var(--bg-muted)}.ringkas-pondok b{display:block;font-size:20px;font-variant-numeric:tabular-nums}.ringkas-pondok span{font-size:12px;color:var(--t-muted)}.profil-pratinjau{display:grid;justify-items:center;gap:12px}.kpi-card.c-warning{color:var(--warning)}.alert:not(:has(>.ico,>svg)){display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.akt-card{padding-top:8px}.akt-hari{margin:18px 0 6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--t-muted)}.akt-hari:first-child{margin-top:6px}.akt-list{list-style:none;margin:0;padding:0}.akt-item{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--border-soft)}.akt-list .akt-item:first-child{border-top:0}.akt-ikon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--bg-muted);color:var(--t-muted)}.akt-ikon svg{width:17px;height:17px}.akt-item.is-tim .akt-ikon{background:var(--info-soft);color:var(--info)}.akt-item.is-bahaya .akt-ikon{background:var(--danger-soft);color:var(--danger)}.akt-isi{min-width:0}.akt-judul{font-size:14px;font-weight:600;color:var(--t-base);overflow-wrap:anywhere}.akt-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:3px;font-size:12.5px;color:var(--t-muted)}.akt-meta .pill{font-size:12px;padding:1px 8px}.akt-ip{opacity:.75}.akt-ubah{list-style:none;margin:8px 0 0;padding:8px 10px;border-radius:8px;background:var(--bg-muted);display:grid;gap:4px;font-size:12.5px}.akt-ubah li{overflow-wrap:anywhere;color:var(--t-muted)}.akt-ubah b{color:var(--t-base);font-weight:600;margin-right:4px}.akt-ubah .lama{text-decoration:line-through}.akt-ubah .baru{color:var(--t-base);font-weight:500}.seg-link{display:inline-block;padding:8px 12px;border-radius:10px;border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--t-muted);background:var(--bg-card)}.seg-link.is-on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.daftar-cek{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:13.5px;line-height:1.5}.daftar-cek li{padding-left:24px;position:relative;color:var(--t-base)}.daftar-cek li:before{content:"";position:absolute;left:2px;top:5px;width:12px;height:7px;border-left:2px solid var(--primary);border-bottom:2px solid var(--primary);transform:rotate(-45deg)}.langganan-pita a{font-weight:600}.akt-ubah .kosong{font-style:italic;opacity:.8}.as-link{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--info);cursor:pointer;white-space:nowrap}.founder-strip form{margin:0}@media(max-width:560px){.founder-strip form{grid-column:2}}fieldset{border:0;margin:0;padding:0;min-width:0}.is-terkunci fieldset{opacity:.55}.unggah-pratinjau{display:flex;align-items:center;gap:10px;margin-top:8px}.unggah-pratinjau img{width:64px;height:48px;object-fit:cover;border-radius:8px;border:1px solid var(--border-soft)}.program-list{display:grid;gap:8px}.program-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8px}@media(max-width:560px){.program-row{grid-template-columns:1fr;padding-bottom:8px;border-bottom:1px dashed var(--border-soft)}}.tema-pilih{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tema-pilih input{position:absolute;opacity:0;pointer-events:none}.tema-pilih span{display:flex;align-items:center;gap:6px;padding:9px 10px;border:1px solid var(--border);border-radius:10px;font-size:13px;font-weight:600;cursor:pointer}.tema-pilih i{width:14px;height:14px;border-radius:50%;display:inline-block}.tema-pilih i+i{margin-left:-10px;margin-right:4px;box-shadow:0 0 0 2px var(--bg-card)}.tema-pilih input:checked+span{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.tema-pilih input:focus-visible+span{box-shadow:0 0 0 3px var(--primary-ring)}.galeri-unggah{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:8px;align-items:center}@media(max-width:640px){.galeri-unggah{grid-template-columns:1fr}}.galeri-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:14px}.galeri-grid figure{position:relative;margin:0;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:var(--bg-muted)}.galeri-grid img{width:100%;height:100%;object-fit:cover}.galeri-grid form{position:absolute;top:6px;right:6px}.galeri-hapus{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;background:#0000008c;color:#fff;cursor:pointer}.galeri-hapus svg{width:15px;height:15px}.kode-env{margin:0;padding:12px 14px;border-radius:10px;background:var(--bg-muted);font-family:var(--font-mono);font-size:12.5px;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.ringkas-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:560px){.ringkas-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.auth-kembali{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 10px;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);color:var(--t-base);font-size:13.5px;font-weight:600;text-decoration:none;transition:background .16s,border-color .16s}.auth-kembali:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.auth-kembali:focus-visible{outline:0;box-shadow:0 0 0 3px var(--primary-ring)}.auth-kembali svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.foto-santri{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px}.foto-santri img{width:90px;height:120px;flex:none;object-fit:cover;border-radius:12px;border:1px solid var(--border-soft);background:var(--bg-muted)}.foto-santri-isian{flex:1;min-width:0;display:grid;gap:6px;align-content:start}@media(max-width:420px){.foto-santri img{width:72px;height:96px}}.draf-pita{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:16px;padding:12px 14px;border-radius:10px;background:var(--info-soft);border-left:3px solid var(--info);font-size:13.5px}.draf-pita[hidden]{display:none}.draf-pita>svg{width:18px;height:18px;color:var(--info);flex:none}.draf-pita>span{flex:1 1 220px;min-width:0}.draf-status{font-size:12.5px;color:var(--t-muted)}.eyebrow,.brand-tag,.nav-label{font-size:12px}.brand-tag{letter-spacing:.06em}.nav-label{letter-spacing:.14em}.eyebrow{letter-spacing:.12em}.field-help,.field-error,.pill,.btn--sm,.emis-lock,.emis-hint,.akt-hari,.stat-cell-label{font-size:12.5px}.kpi-pill,.nav-badge,.d-footer-meta,.workspace-role,.data-table thead th,.table thead th{font-size:12px}.kpi-compare{font-size:12.5px}@media(max-width:768px),(pointer:coarse){.btn,.btn--sm,.btn--lg,.chip,.input,.select,.auth-kembali{min-height:44px}.btn--icon,.btn--sm.btn--icon,.btn--sm{min-width:44px;justify-content:center}.tg-santri{min-height:44px}.seg-link,summary{min-height:44px;display:inline-flex;align-items:center}summary{display:flex}a.kpi-pill,a.pill{position:relative}a.kpi-pill:after,a.pill:after{content:"";position:absolute;inset:-10px -8px}.chip{padding-top:10px;padding-bottom:10px}.kpi-pill{min-height:28px;display:inline-flex;align-items:center}.nav-link,.card-action,.bd-lagi{min-height:44px;display:inline-flex;align-items:center}.nav-link{display:flex}.icon-btn,.sb-toggle{min-width:44px;min-height:44px}input[type=checkbox],input[type=radio]{width:22px;height:22px}}a:focus-visible,button:focus-visible,.btn:focus-visible,.chip:focus-visible,.nav-link:focus-visible,summary:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.btn--warning{color:#1c1400}:root[data-theme=dark] .btn--success,:root[data-theme=dark] .btn--danger,:root[data-theme=dark] .btn--info{color:var(--on-primary)}.input,.select,textarea.input{border-color:color-mix(in oklab,var(--t-muted) 55%,var(--bg-card))}.input:focus,.select:focus,textarea.input:focus{border-color:var(--primary)}.input.is-invalid,.select.is-invalid{border-color:var(--danger)}input[type=file].input{padding:6px}input[type=file]::file-selector-button{margin-right:10px;min-height:36px;padding:0 14px;border:1px solid var(--border);border-radius:8px;background:var(--primary-soft);color:var(--primary);font:inherit;font-weight:600;cursor:pointer}.tgl-bantu{font-size:12.5px;font-weight:600;color:var(--t-muted);margin-top:6px}.tgl-bantu:empty{display:none}.check small{font-size:12.5px;color:var(--t-muted)}.konfirmasi{width:min(420px,100% - 32px);padding:22px 20px 20px;border:1px solid var(--border);border-radius:20px;background:var(--bg-card);color:var(--t-base);box-shadow:0 24px 60px #00000047}.konfirmasi::backdrop{background:#08100e8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.konfirmasi-pesan{margin:0 0 20px;font-size:16.5px;line-height:1.55;font-weight:600;overflow-wrap:anywhere}.konfirmasi-aksi{display:flex;gap:10px;justify-content:flex-end}.konfirmasi-aksi .btn{min-height:48px;padding-inline:20px}@media(max-width:520px){.konfirmasi{margin:auto 0 0;width:100%;max-width:100%;border-radius:22px 22px 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.konfirmasi-aksi{flex-direction:column}.konfirmasi-aksi .btn{width:100%;justify-content:center}}.nav-grup-daftar{gap:2px}.nav-grup>summary{display:flex;align-items:center;gap:12px;min-height:44px;padding:9px 12px;list-style:none;cursor:pointer;position:relative;border-radius:10px;font-size:13px;font-weight:600;line-height:1.2;color:var(--t-muted);transition:background-color .18s ease,color .18s ease}.nav-grup>summary::-webkit-details-marker{display:none}.nav-grup>summary svg{width:18px;height:18px;flex:none}.nav-grup>summary:hover{background:var(--bg-hover);color:var(--t-base)}.nav-grup[open]>summary{color:var(--t-base)}.nav-grup>summary .nav-grup-nama{flex:1;min-width:0;text-align:left}.nav-grup>summary:after{content:"";flex:none;width:7px;height:7px;margin-right:2px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(-45deg);transition:transform .18s ease}.nav-grup[open]>summary:after{transform:rotate(45deg) translate(-2px,-2px)}.nav-grup.has-aktif>summary{color:var(--primary)}.nav-grup.has-aktif:not([open])>summary{background:var(--primary-soft)}.nav-grup>summary .nav-grup-notif{margin-left:auto}.nav-grup[open]>summary .nav-grup-notif{display:none}.nav-grup-isi{display:flex;flex-direction:column;gap:2px;margin:2px 0 6px 21px;padding-left:8px;border-left:1px solid var(--border)}.nav-grup-judul{display:none}.nav-grup-isi .nav-link{padding-left:10px}.nav-segera-judul{padding:8px 12px 2px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--t-light)}@media(min-width:721px)and (max-width:1100px){.nav-grup>summary{justify-content:center;padding:0}.nav-grup>summary>.nav-grup-nama,.nav-grup>summary:after{display:none}.nav-grup>summary .nav-grup-notif{display:block;position:absolute;top:2px;right:4px;margin:0;padding:0 5px;min-width:18px;text-align:center;line-height:18px;box-shadow:0 0 0 2px var(--bg-sidebar)}.nav-grup[open]>summary .nav-grup-notif{display:none}.nav-grup[open]>summary{background:var(--primary-soft);color:var(--primary)}.nav-grup-isi{position:fixed;left:84px;top:8px;z-index:60;width:248px;max-height:calc(100vh - 16px);overflow-y:auto;margin:0;padding:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 44px #00000038}.nav-grup-judul{display:block;padding:4px 10px 6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--t-light)}.nav-grup-isi .nav-link{justify-content:flex-start;padding:9px 12px}.nav-grup-isi .nav-link>span:not(.nav-badge),.nav-grup-isi .nav-link .nav-badge{display:revert}.nav-segera-judul{padding:8px 12px 2px}}@media(min-width:1101px){html.sb-collapsed .nav-grup>summary{justify-content:center;padding:0}html.sb-collapsed .nav-grup>summary>.nav-grup-nama,html.sb-collapsed .nav-grup>summary:after{display:none}html.sb-collapsed .nav-grup>summary .nav-grup-notif{display:block;position:absolute;top:2px;right:4px;margin:0;padding:0 5px;min-width:18px;text-align:center;line-height:18px;box-shadow:0 0 0 2px var(--bg-sidebar)}html.sb-collapsed .nav-grup[open]>summary .nav-grup-notif{display:none}html.sb-collapsed .nav-grup[open]>summary{background:var(--primary-soft);color:var(--primary)}html.sb-collapsed .nav-grup-isi{position:fixed;left:84px;top:8px;z-index:60;width:248px;max-height:calc(100vh - 16px);overflow-y:auto;margin:0;padding:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 44px #00000038}html.sb-collapsed .nav-grup-judul{display:block;padding:4px 10px 6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--t-light)}html.sb-collapsed .nav-grup-isi .nav-link{justify-content:flex-start;padding:9px 12px}html.sb-collapsed .nav-grup-isi .nav-link>span:not(.nav-badge),html.sb-collapsed .nav-grup-isi .nav-link .nav-badge{display:revert}html.sb-collapsed .nav-segera-judul{padding:8px 12px 2px}}small{font-size:max(12px,.8em)}@media(min-width:721px)and (max-width:1100px){.crumbs{min-width:0;flex:1;overflow:hidden}.crumbs>span:not(.current),.crumbs .sep{display:none}.crumbs .current{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.d-topbar{gap:8px;padding-left:20px;padding-right:20px}.cmd{min-width:0;width:170px}.brand{min-width:44px;min-height:44px}}@media(max-width:1100px),(pointer:coarse){.cmd{min-height:44px;padding-top:0;padding-bottom:0}.cmd input{min-height:42px}}.brand>a{min-width:44px;min-height:44px;justify-content:center}.banner-2fa{margin-bottom:16px}.banner-2fa .btn{display:flex;width:fit-content;margin-top:8px}.dn-kelas-nama{display:inline-flex;align-items:center;min-height:44px}.tur{position:fixed;inset:0;z-index:3000;pointer-events:none}.tur-tangkap{position:fixed;inset:0;pointer-events:auto;background:transparent}.tur-tangkap.gelap{background:#0812109e}.tur-sorot{position:fixed;border-radius:14px;pointer-events:none;box-shadow:0 0 0 9999px #0812109e,0 0 0 3px var(--warning);transition:left .22s ease,top .22s ease,width .22s ease,height .22s ease}.tur-sorot[hidden]{display:none}.tur-kartu{position:fixed;width:min(330px,100vw - 24px);pointer-events:auto;background:var(--bg-card);color:var(--t-base);border:1px solid var(--border);border-radius:18px;padding:16px 18px;box-shadow:0 22px 50px -18px #0000008c;outline:none;transition:left .22s ease,top .22s ease}.tur-kartu:focus-visible{box-shadow:0 0 0 3px var(--primary-ring),0 22px 50px -18px #0000008c}.tur-kartu.tur-tengah{left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,100vw - 24px);transition:none}.tur-posisi{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--t-muted)}.tur-titik{display:flex;gap:5px;margin:0 0 10px;padding:0;list-style:none}.tur-titik li{width:7px;height:7px;border-radius:50%;background:var(--border)}.tur-titik li.aktif{width:20px;border-radius:4px;background:var(--primary)}.tur-judul{margin:0 0 6px;font-size:17px;line-height:1.25;letter-spacing:-.01em;font-weight:750}.tur-isi{margin:0;font-size:14px;line-height:1.55;color:var(--t-muted)}.tur-aksi{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap}.tur-lewati{margin-right:auto;background:none;border:0;padding:8px 4px;font:inherit;font-size:13px;color:var(--t-muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.tur-lewati:hover{color:var(--t-base)}.tur-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--t-base);font:inherit;font-size:14px;font-weight:650;cursor:pointer;text-decoration:none}.tur-btn:hover{background:var(--bg-hover)}.tur-btn.tur-utama{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.tur-btn.tur-utama:hover{background:var(--primary-dark)}.tur-lewati:focus-visible,.tur-btn:focus-visible{outline:3px solid var(--primary-ring);outline-offset:2px}.tur-btn[hidden],.tur-lewati[hidden]{display:none}body.tur-berjalan{overflow-x:hidden}@media(prefers-reduced-motion:reduce){.tur-sorot,.tur-kartu{transition:none!important;animation:none!important}}.emis-box{margin-top:26px;padding-top:22px;border-top:1px solid var(--border-soft)}.emis-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.emis-head p{margin:4px 0 0;font-size:13px;color:var(--t-muted);max-width:52ch}.emis-meter{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;white-space:nowrap}.emis-meter .bar{width:72px;height:6px;border-radius:999px;background:var(--bg-muted);overflow:hidden}.emis-meter .bar i{display:block;height:100%;background:var(--primary);border-radius:inherit}details.emis-part{border:1px solid var(--border);border-radius:12px;background:var(--bg-card)}details.emis-part+details.emis-part{margin-top:10px}details.emis-part>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:700;border-radius:12px}details.emis-part>summary::-webkit-details-marker{display:none}details.emis-part>summary:focus-visible{outline:none;box-shadow:0 0 0 3px var(--primary-ring)}details.emis-part>summary .emis-n{margin-left:auto;font-size:12px;font-weight:600;color:var(--t-muted)}details.emis-part>summary .emis-chev{flex:none;width:16px;height:16px;color:var(--t-muted);transition:transform .15s ease}details.emis-part[open]>summary .emis-chev{transform:rotate(90deg)}details.emis-part[open]>summary{border-bottom:1px solid var(--border-soft);border-radius:12px 12px 0 0}.emis-body{padding:14px}.emis-body .form-grid+.emis-sub{margin-top:18px}.emis-sub{font-size:13px;font-weight:700;color:var(--t-muted);margin:0 0 10px}.emis-hint{display:block;font-size:12px;color:var(--t-muted);margin-top:4px}.emis-lock{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--t-muted)}.emis-lock svg{width:12px;height:12px}.emis-from-profil{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;margin-bottom:14px;border-radius:12px;background:var(--bg-muted)}.emis-profil-baris{display:flex;gap:10px;font-size:13px;margin-top:4px}.emis-profil-baris span{flex:none;width:56px;color:var(--t-muted)}.emis-profil-baris strong{font-weight:600;overflow-wrap:anywhere}.item-tags .pill svg{width:12px;height:12px;vertical-align:-1px}.setup-langkah{list-style:none;display:flex;gap:8px;padding:0;margin:0 0 16px;overflow-x:auto;scrollbar-width:none}.setup-langkah::-webkit-scrollbar{display:none}.setup-langkah li{flex:1 0 auto}.setup-langkah a{display:flex;align-items:center;gap:8px;padding:8px 12px;min-height:44px;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);color:var(--t-muted);font-size:13px;font-weight:600;white-space:nowrap}.setup-langkah .no{flex:none;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--bg-muted);font-size:12px}.setup-langkah li.aktif a{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.setup-langkah li.aktif .no{background:var(--primary);color:var(--on-primary, #fff)}.setup-langkah li.selesai .no{background:var(--success-soft);color:var(--success)}@media(max-width:600px){.setup-langkah li:not(.aktif) .nama{display:none}}.setup-kartu{max-width:860px}.setup-aksi{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-soft)}.setup-aksi .btn svg{width:16px;height:16px}.setup-berikut{display:grid;gap:8px}.setup-berikut .item-avatar svg{width:20px;height:20px}.setup-lewati{max-width:860px;margin-top:12px;text-align:center}.form-section:has(input[name=status][value=boyong]:not(:checked)) .emis-keluar{display:none}.emis-field-wajib .field-label:after{content:" •";color:var(--warning);font-weight:700}.emis-persetujuan{display:flex;gap:8px;align-items:flex-start;margin:0 0 12px;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.5;background:var(--warning-soft);color:var(--kunyit-ink)}.emis-persetujuan.ok{background:var(--success-soft);color:var(--success)}.emis-persetujuan svg{flex:none;width:16px;height:16px;margin-top:2px}.cek-nomor{position:relative;display:block}.cek-nomor .input{padding-right:68px}.cek-ikon{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--success);opacity:0;pointer-events:none;transition:opacity .15s ease}.cek-ikon svg{width:20px;height:20px;display:block}.cek-hitung{position:absolute;right:36px;top:50%;transform:translateY(-50%);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;color:var(--t-muted);pointer-events:none;font-variant-numeric:tabular-nums}.cek-nomor.is-sesuai .cek-ikon{opacity:1}.cek-nomor.is-sesuai .cek-hitung{color:var(--success)}.cek-nomor.is-sesuai .input{border-color:var(--success)}.cek-nomor.is-salah .input{border-color:var(--danger)}.cek-nomor.is-salah .cek-hitung{color:var(--danger)}.cek-pesan{display:block;font-size:12px;color:var(--danger)}.cek-pesan:empty{display:none}@media(prefers-reduced-motion:reduce){.cek-ikon{transition:none}}.psb-foto{display:flex;gap:12px;align-items:flex-start;margin-top:12px}.psb-foto img{flex:none;width:72px;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--border);background:var(--bg-muted)}.psb-foto-teks{display:grid;gap:4px;justify-items:start;font-size:14px}.emis-kk{display:grid;gap:10px;margin-bottom:16px;padding:12px;border:1px dashed var(--border);border-radius:12px}.emis-kk-kepala{display:flex;gap:10px;align-items:flex-start;font-size:14px}.emis-kk-kepala .emis-lock svg{width:18px;height:18px}.emis-kk-ada{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.card.bap-ringkas{display:flex;flex-direction:row;gap:24px;align-items:center;margin-bottom:20px}.bap-angka{display:grid;gap:2px;flex:none;text-align:center;min-width:120px}.bap-angka strong{font-size:40px;line-height:1;font-weight:800;color:var(--t-strong, inherit);font-variant-numeric:tabular-nums}.bap-angka strong span{font-size:22px;color:var(--t-muted);font-weight:700}.bap-angka>span{font-size:13px;color:var(--t-muted)}.bap-ringkas-isi{flex:1;min-width:0;display:grid;gap:10px}.bap-ringkas-isi p{margin:0;line-height:1.5}.bap-periode{font-size:13.5px;color:var(--t-muted)}.bap-periode svg{width:17px;height:17px;display:inline-block;vertical-align:-3px;margin-right:4px}.bap-grup{display:grid;gap:16px}.bap-judul{margin:0 0 12px;font-size:16px;font-weight:800}.bap-catatan{margin:0 0 12px;font-size:13.5px;color:var(--t-muted);line-height:1.5}.bap-langkah+.bap-catatan{margin:14px 0 0}.bap-daftar{list-style:none;margin:0;padding:0;display:grid}.bap-butir{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--border-soft)}.bap-butir:first-child{border-top:0;padding-top:0}.bap-butir:last-child{padding-bottom:0}.bap-ikon{flex:none;display:inline-flex}.bap-ikon svg{width:22px;height:22px}.bap-butir.is-beres .bap-ikon{color:var(--success)}.bap-butir.is-kurang .bap-ikon{color:var(--danger)}.bap-butir.is-peringatan .bap-ikon{color:var(--warning)}.bap-butir.is-info .bap-ikon,.bap-butir.is-manual .bap-ikon{color:var(--t-muted)}.bap-teks{flex:1;min-width:0}.bap-teks b{display:block;font-size:14.5px}.bap-teks p{margin:3px 0 0;font-size:13.5px;line-height:1.5;color:var(--t-muted);overflow-wrap:anywhere}.bap-butir .btn{flex:none}.bap-langkah{margin:0;padding-left:22px;display:grid;gap:8px;line-height:1.5;font-size:14px}.emis-saring-bap{margin-bottom:14px}@media(max-width:640px){.card.bap-ringkas{flex-direction:column;align-items:stretch;gap:14px}.bap-angka{text-align:left}.bap-butir{flex-wrap:wrap}.bap-teks{flex-basis:calc(100% - 34px)}.bap-butir .btn{margin-left:34px}}.pv-daftar{list-style:none;margin:0;padding:0;display:grid}.pv-minta{display:grid;gap:8px;padding:16px 0;border-top:1px solid var(--border-soft)}.pv-minta:first-child{border-top:0;padding-top:0}.pv-kepala{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.pv-meta{margin:0;font-size:13px;color:var(--t-muted);line-height:1.5;overflow-wrap:anywhere}.pv-isi{margin:0;font-size:14.5px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere}.pv-jawaban{padding:10px 12px;border-radius:10px;background:var(--bg-muted);font-size:14px;line-height:1.55;white-space:pre-line}.pv-minta>.btn{justify-self:start}.pv-form>summary{cursor:pointer;font-weight:600;font-size:14px;color:var(--primary)}.pv-form form{margin-top:10px;display:grid;gap:8px}.pv-form .btn{justify-self:start}.pv-rekap{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}.card.pv-angka{display:grid;gap:4px}.pv-angka strong{font-size:30px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.pv-angka strong span{font-size:17px;color:var(--t-muted)}.pv-angka>span{font-size:13px;color:var(--t-muted);line-height:1.4}.pv-riwayat{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--border-soft);font-size:14px}.pv-riwayat:first-of-type{border-top:0}.pv-riwayat .pv-meta{display:block}.pv-pasal{margin:14px 0 0;padding-left:22px;display:grid;gap:14px;line-height:1.6;font-size:14px}.pv-pasal ul{margin:6px 0 0;padding-left:18px;display:grid;gap:4px;color:var(--t-body, inherit)}.pv-terima{margin-top:18px;padding-top:16px;border-top:1px solid var(--border-soft);display:grid;gap:12px}.pv-terima .btn{justify-self:start}.pv-centang{display:flex;gap:10px;align-items:center;min-height:44px;padding:4px 0;font-size:14px;line-height:1.5;cursor:pointer}.pv-centang input{width:20px;height:20px;margin-top:0;flex:none;accent-color:var(--primary)}.pv-lain{margin:8px 0 0;padding-left:20px;display:grid;gap:6px;font-size:14px;line-height:1.55}.pv-status-wali{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px;font-size:14px}.pv-status-wali li{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.de-galat{color:var(--danger)}.de-ekspor{display:grid;gap:0}.de-ekspor-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:center;padding:12px 0;border-top:1px solid var(--border-soft)}.de-ekspor-item:first-child{border-top:0;padding-top:0}.de-ekspor-item b{grid-column:1;font-size:14.5px}.de-ekspor-item span{grid-column:1;font-size:13px;color:var(--t-muted);line-height:1.5}.de-ekspor-item .btn{grid-column:2;grid-row:1/span 2}.de-tgl{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:var(--t-muted)}@media(max-width:640px){.de-ekspor-item{grid-template-columns:1fr}.de-ekspor-item .btn{grid-column:1;grid-row:auto;justify-self:start;margin-top:6px}}.kh-baris{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--border-soft)}.kh-baris:first-child{border-top:0;padding-top:0}.kh-baris-atas{align-items:flex-start}.kh-baris>div,.kh-baris>span{min-width:0;flex:1}.kh-baris b{font-size:14.5px}.kh-aksi{display:flex;gap:6px;flex:none}.kh-form{display:grid;gap:12px;margin-top:12px}.kh-form .btn{justify-self:start}.kh-pengaturan{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-soft)}.kh-isi{white-space:pre-line;line-height:1.65;font-size:15px;overflow-wrap:anywhere}.kh-slot+.kh-slot{margin-top:18px;padding-top:16px;border-top:1px solid var(--border-soft)}.kh-slot-kepala{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-bottom:10px}.kh-giliran{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.kh-centang{width:100%;min-height:44px;display:flex;gap:10px;align-items:center;padding:8px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card);color:var(--t-body, inherit);font:inherit;font-size:14px;text-align:left;cursor:pointer}.kh-centang svg{width:20px;height:20px;flex:none;color:var(--t-muted)}.kh-centang small{display:block;color:var(--t-muted);font-size:12px}.kh-centang.is-sudah{border-color:var(--success);background:var(--success-soft)}.kh-centang.is-sudah svg{color:var(--success)}.kh-total td{border-top:2px solid var(--border)}@media(max-width:640px){.kh-baris{flex-wrap:wrap}}.kh-sasaran[hidden]{display:none!important}.bd-siap .card-head{margin-bottom:14px}.bd-siap-hitung{font-size:13px;color:var(--t-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.bd-siap-hitung b{font-size:18px;color:var(--t-base)}.bd-siap-bar{margin-bottom:6px}.bd-siap-bar .progress-fill{background:var(--primary)}.bd-langkah{list-style:none;margin:0;padding:0}.bd-langkah-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--border-soft)}.bd-langkah-item:first-child{border-top:0}.bd-langkah-tanda{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;border:2px solid var(--border);color:var(--t-muted);background:var(--bg-card)}.bd-langkah-tanda svg{width:16px;height:16px;stroke-width:2.5}.bd-langkah-item.is-done .bd-langkah-tanda{border-color:transparent;background:var(--success-soft);color:var(--success)}.bd-langkah-judul{font-weight:600;font-size:14px;line-height:1.35}.bd-langkah-item.is-done .bd-langkah-judul{color:var(--t-muted)}.bd-langkah-ket{font-size:12.5px;color:var(--t-muted);line-height:1.45;margin-top:2px}.bd-langkah-btn{white-space:nowrap}.bd-paket .card-head{align-items:center}.bd-info{margin:0;display:grid;gap:0}.bd-info>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--border-soft);font-size:13.5px}.bd-info>div:first-child{border-top:0;padding-top:0}.bd-info dt{color:var(--t-muted)}.bd-info dd{margin:0;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.bd-info dd.is-warn{color:var(--kunyit-ink)}.bd-info dd.is-bad{color:var(--danger)}.bd-paket-catatan{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:var(--warning-soft);color:var(--kunyit-ink);font-size:12.5px;line-height:1.5}.bd-paket-link{margin-top:auto;padding-top:14px;align-self:flex-start}@media(min-width:721px){.bd-paket--lebar{display:grid;grid-template-columns:minmax(180px,auto) 1fr auto;align-items:center;gap:24px}.bd-paket--lebar .card-head{border-bottom:0;margin:0;padding:0;gap:12px;justify-content:flex-start}.bd-paket--lebar .bd-info{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.bd-paket--lebar .bd-info>div{flex-direction:column;gap:2px;border-top:0;padding:0 0 0 16px;border-left:1px solid var(--border-soft)}.bd-paket--lebar .bd-info dd{text-align:left}.bd-paket--lebar .bd-paket-catatan{grid-column:1/-1;margin:0}.bd-paket--lebar .bd-paket-link{margin:0;padding:0}}.bd-akt .akt-item{padding:10px 0}.bd-kosong{margin:0 0 8px;font-size:13.5px;color:var(--t-muted);line-height:1.55}.bd-lagi{display:block;padding-top:12px;border-top:1px solid var(--border-soft);font-size:13px;font-weight:600;color:var(--primary)}.bd-road-isi{flex:1;min-width:0}@media(max-width:720px){.bd-kpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.bd-kpi .kpi-card{padding:14px;display:flex;flex-direction:column}.bd-kpi .kpi-value{margin-top:auto}.bd-kpi .kpi-top{margin-bottom:10px}.bd-kpi .kpi-icon{display:none}.bd-kpi .kpi-label{white-space:normal;font-size:12.5px}.bd-kpi .kpi-pill{font-size:12px;padding:2px 7px}.bd-kpi .kpi-value{font-size:30px}.bd-kpi .kpi-value sup{font-size:13px;line-height:1.6}.bd-kpi .kpi-compare{font-size:12.5px;margin-top:6px}.bd-langkah-item{grid-template-columns:26px minmax(0,1fr);gap:4px 12px;align-items:start}.bd-langkah-tanda{width:26px;height:26px;font-size:12px}.bd-langkah-btn{grid-column:2;justify-self:start;margin-top:6px}.bd-siap .card-head{align-items:flex-start}}.bd-info dd small{display:block;font-size:12.5px;font-weight:400;color:var(--t-muted);margin-top:2px}.sb-tambah-hp{display:none}@media(max-width:720px){.sb-tambah-hp{display:block}}.bn-plus-btn.is-on{box-shadow:0 0 0 3px var(--primary-ring),0 12px 24px -8px color-mix(in oklab,var(--primary) 75%,transparent)}.logo-satu{display:flex;gap:14px;align-items:center;padding:12px;border:1px dashed var(--border);border-radius:12px;background:var(--bg-muted)}.logo-satu-gambar{flex:none;width:56px;height:56px;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden;color:var(--t-light);border:1px solid var(--border-soft)}.logo-satu-gambar img{width:100%;height:100%;object-fit:contain}.logo-satu-gambar svg{width:24px;height:24px}.logo-satu-isi{display:grid;gap:2px;min-width:0;font-size:13px}.logo-satu-isi span{color:var(--t-muted);font-size:12.5px;line-height:1.45}.logo-satu-isi a{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--primary)}.logo-satu-isi a svg{width:12px;height:12px}.psb-emis{display:grid;gap:8px;margin-top:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--warning);background:var(--warning-soft);font-size:13.5px}.psb-emis.is-lengkap{border-color:var(--success);background:var(--success-soft)}.psb-emis .btn{justify-self:start}.tg-ok{color:var(--success)}.tg-warn,.hero-sub strong.tg-warn{color:var(--kunyit-ink)}.tg-hapus{color:var(--danger)}.tg-kosong{padding:28px 0;text-align:center;display:grid;justify-items:center;gap:8px}.tg-kosong .hero-sub{margin:0 auto 6px}.tg-kpi .kpi-value{font-size:clamp(20px,1.6vw,26px);margin-top:10px;white-space:nowrap}.tg-kpi .kpi-compare{margin-top:8px}.tg-list{list-style:none;margin:0;padding:0}.tg-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 16px;align-items:center;padding:12px 2px;border-top:1px solid var(--border-soft)}.tg-row:first-child{border-top:0}.tg-santri{display:flex;gap:12px;align-items:center;min-width:0;color:inherit}.tg-santri:hover .item-title{color:var(--primary)}.tg-santri-isi{display:grid;min-width:0}.tg-santri-isi .item-title,.tg-santri-isi .item-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tg-jumlah{display:grid;justify-items:end;gap:4px;font-variant-numeric:tabular-nums}.tg-jumlah b{font-size:15px}.tg-aksi{display:flex;gap:6px;justify-content:flex-end;min-width:220px}.tg-aksi form{margin:0}.tg-nowa{color:var(--kunyit-ink)}.tg-pilih{display:grid;gap:8px}.tg-pilih-item{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--border);border-radius:12px;cursor:pointer;background:var(--bg-card)}.tg-pilih-item:has(input:checked){border-color:var(--primary);background:var(--primary-soft)}.tg-pilih-isi{flex:1;display:grid;gap:2px;min-width:0}.tg-pilih-isi span{font-size:12.5px;color:var(--t-muted)}.tg-tumpuk{display:flex;flex-direction:column;gap:20px}.tg-item{padding:14px 0;border-top:1px solid var(--border-soft)}.tg-item:first-of-type{border-top:0;padding-top:0}.tg-item-head{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.tg-item-isi{min-width:0;flex:1}.tg-item-isi .pill{margin-left:6px}.tg-item-jumlah{font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}.tg-item-aksi{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;align-items:flex-start}.tg-item-aksi form{margin:0}.tg-ubah{flex-basis:auto}.tg-ubah[open]{flex-basis:100%}.tg-ubah summary{list-style:none;cursor:pointer}.tg-ubah summary::-webkit-details-marker{display:none}.tg-ubah-form{margin:12px 0 8px;padding:14px;border-radius:12px;background:var(--bg-muted)}.tg-riwayat{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--border-soft)}.tg-riwayat:first-of-type{border-top:0;padding-top:0}.tg-riwayat form{margin:0}.tg-riwayat-nama{font-weight:600;font-size:14px}.tg-riwayat-jumlah{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.tg-riwayat-jumlah.is-batal{text-decoration:line-through;color:var(--t-muted);font-weight:400}@media(max-width:720px){.tg-kpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.tg-kpi .kpi-card{padding:14px}.tg-kpi .kpi-label{white-space:normal;font-size:12px}.tg-kpi .kpi-value{font-size:19px;margin-top:8px}.tg-kpi .kpi-compare{font-size:12.5px}.tg-row{grid-template-columns:minmax(0,1fr) auto}.tg-aksi{grid-column:1/-1;justify-content:flex-start;min-width:0;padding-left:52px}.tg-aksi:empty{display:none}.tg-riwayat{flex-wrap:wrap}.tg-riwayat .tg-item-isi{flex-basis:calc(100% - 110px)}.hero-actions form{display:contents}}.tg-ikon svg{width:20px;height:20px}.tg-baru{display:flex;flex-wrap:wrap;gap:12px 16px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:14px 16px;border-radius:14px;border:1px solid var(--primary);background:var(--primary-soft)}.tg-baru span{display:block;font-size:12.5px;color:var(--t-muted);margin-top:2px}.tg-baru-aksi{display:flex;flex-wrap:wrap;gap:8px}.tg-bayar{padding:14px 0;border-top:1px solid var(--border-soft)}.tg-bayar:first-of-type{border-top:0;padding-top:0}.tg-bayar.is-batal .tg-riwayat-nama,.tg-bayar.is-batal>.tg-item-head .item-meta:not(.tg-hapus){opacity:.65}.tg-bayar .tg-riwayat-nama .pill{margin-left:6px}.kb-total{font-size:13px;font-weight:600;color:var(--t-muted);font-variant-numeric:tabular-nums}.kb-barang{display:grid;gap:8px}.kb-baris{display:grid;grid-template-columns:140px minmax(0,1fr) 130px auto auto;gap:8px;align-items:center;padding:8px;border-radius:12px;background:var(--bg-muted)}.kb-baris .input,.kb-baris .select{min-height:40px}.kb-simpan{position:static!important;margin-top:18px}.kb-jumlah{border-top:2px solid var(--border)!important}.kb-grup{padding:12px 0;border-top:1px solid var(--border-soft)}.kb-grup:first-of-type{border-top:0;padding-top:0}.kb-grup-judul{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-bottom:8px}.kb-serah{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:10px;background:var(--bg-muted);margin-bottom:6px}.kb-serah .check{font-size:14px}.kb-ukuran-isi{width:110px;min-height:36px;padding:6px 10px}@media(max-width:720px){.kb-baris{grid-template-columns:minmax(0,1fr) 110px auto}.kb-baris .kb-nama{grid-column:1/-1;grid-row:1}.kb-baris .kb-kategori,.kb-baris .kb-ukuran{grid-column:1}}.lp-bulan{align-items:center;gap:10px;margin-bottom:16px}.lp-bulan .input{max-width:220px}.lp-tabel td,.lp-tabel th{white-space:nowrap}.lp-tabel td:not(:first-child),.lp-tabel th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.lp-tabel tfoot th{border-top:2px solid var(--border)}.sp-kamar{margin-bottom:16px}.sp-baris{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 2px;border-top:1px solid var(--border-soft)}.sp-baris:first-of-type{border-top:0}.sp-baris form{margin:0;flex:none}.sp-baris.is-sudah .sp-isi b{color:var(--t-muted)}.sp-santri{display:flex;gap:12px;align-items:center;min-width:0;color:inherit}.sp-isi{display:grid;min-width:0}.sp-isi b{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-isi span{font-size:12.5px;color:var(--t-muted)}.sp-baris .pill svg{width:12px;height:12px;vertical-align:-2px}.wd-alamat{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:space-between;margin-bottom:20px;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:var(--bg-card)}.wd-alamat-isi{display:grid;gap:2px;min-width:0}.wd-alamat-isi a{font-weight:700;color:var(--primary);overflow-wrap:anywhere}.wd-alamat-isi span{font-size:12.5px;color:var(--t-muted)}.wd-alamat-aksi{display:flex;flex-wrap:wrap;gap:8px}.wd-ubin{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:12px}.wd-ubin a{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);color:inherit;transition:border-color .15s,box-shadow .15s}.wd-ubin a:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.wd-ubin a.is-kunci{opacity:.6}.wd-ubin-ikon{flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.wd-ubin-ikon svg{width:20px;height:20px}.wd-ubin b{display:block;font-size:14px}.wd-ubin small{display:block;color:var(--t-muted);font-size:12.5px;line-height:1.45;margin-top:2px}.wd-ubin .pill{margin-left:6px}.wd-tampilan{display:grid;gap:14px;align-content:start}.wd-tampilan>.btn{justify-self:start}.wd-tampilan-nama{font-weight:700}.wd-tampilan-nama span{display:block;font-weight:400;font-size:13px;color:var(--t-muted);margin-top:2px}.tp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:16px}.tp-kartu{position:relative;display:grid;gap:12px;padding:12px;border-radius:14px;border:2px solid var(--border);background:var(--bg-card);cursor:pointer}.tp-kartu:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-ring)}.tp-kartu input{position:absolute;opacity:0;pointer-events:none}.tp-kartu .tp-nama{display:flex;justify-content:space-between;gap:8px;align-items:center;font-weight:700}.tp-kartu p{margin:0;font-size:13px;color:var(--t-muted);line-height:1.5}.tp-kartu .tp-pratinjau{font-size:13px;font-weight:600;color:var(--primary)}.tp-centang{display:none;width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;place-items:center}.tp-centang svg{width:14px;height:14px}.tp-kartu:has(input:checked) .tp-centang{display:grid}.tp-warna{display:flex;flex-wrap:wrap;gap:10px}.tp-warna label{display:flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;border-radius:999px;border:2px solid var(--border);cursor:pointer;font-size:13.5px;font-weight:600;background:var(--bg-card)}.tp-warna label:has(input:checked){border-color:var(--primary)}.tp-warna input{position:absolute;opacity:0;pointer-events:none}.tp-warna i{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--wu) 50%,var(--wa) 50%)}.tp-aksi{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px}.mini{--mbg: #FBFAF7;aspect-ratio:16/11;border-radius:10px;overflow:hidden;background:var(--mbg);border:1px solid #E5E3DD;display:flex;flex-direction:column;font-size:0}.mini-kepala{display:flex;align-items:center;gap:5%;padding:5% 6%}.mini-kepala i{width:10%;aspect-ratio:1;border-radius:50%;background:var(--mu)}.mini-kepala b{width:12%;height:4px;border-radius:2px;background:#c9cec9}.mini-kepala b:first-of-type{margin-left:auto}.mini-pembuka{flex:1;display:grid;grid-template-columns:1.2fr .8fr;gap:6%;align-items:center;padding:0 6%;position:relative}.mini-teks{display:grid;gap:6px;position:relative;z-index:1}.mini-label{width:30%;height:4px;border-radius:2px;background:var(--ma)}.mini-judul{width:90%;height:9px;border-radius:3px;background:#23302c}.mini-judul.pendek{width:60%}.mini-baris{width:80%;height:4px;border-radius:2px;background:#b9c0bc}.mini-tombol{width:38%;height:10px;border-radius:6px;background:var(--mu);margin-top:2px}.mini-foto{aspect-ratio:4/5;border-radius:999px 999px 8px 8px;background:linear-gradient(160deg,var(--mu),color-mix(in oklab,var(--mu) 60%,black));outline:1.5px solid var(--ma);outline-offset:3px}.mini-isi{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;padding:6%}.mini-isi span{height:18px;border-radius:4px;background:#fff;border:1px solid #E5E3DD}.mini-megah .mini-pembuka{grid-template-columns:1fr;align-items:end;padding-bottom:5%;background:linear-gradient(180deg,color-mix(in oklab,var(--mu) 55%,#6b7a76),color-mix(in oklab,var(--mu) 85%,black))}.mini-megah .mini-foto{display:none}.mini-megah .mini-judul{background:#fff;height:11px}.mini-megah .mini-baris{background:#fff9}.mini-megah .mini-tombol{background:var(--ma)}.mini-kitab{--mbg: #F8F3E6}.mini-kitab .mini-pembuka{grid-template-columns:1fr;justify-items:center;text-align:center;gap:4px}.mini-kitab .mini-foto{order:-1;width:22%;aspect-ratio:1;border-radius:50%}.mini-kitab .mini-teks{justify-items:center}.mini-kitab .mini-judul{width:70%;background:#3b2f20}.mini-kitab .mini-kepala{border-bottom:3px double var(--ma)}.mini-kitab .mini-isi span{border-color:color-mix(in oklab,var(--ma) 45%,#E5E3DD);background:#fffdf7}.mini-ringkas{--mbg: #fff}.mini-ringkas .mini-pembuka{grid-template-columns:1fr auto;border-bottom:1px solid #E5E3DD}.mini-ringkas .mini-foto{width:46px;aspect-ratio:1;border-radius:10px;outline:0}.mini-ringkas .mini-judul{height:7px}.mini-ringkas .mini-isi span{height:12px}.hb-daftar{display:grid;gap:16px;margin-bottom:16px}.hb-kosong{text-align:center;color:var(--t-muted);padding:18px;border:1px dashed var(--border);border-radius:14px;margin:0 0 16px}.hb-blok{display:grid;gap:12px;padding:16px;border-radius:14px;border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-card)}.hb-blok-kepala{display:flex;justify-content:space-between;align-items:center;gap:10px}.hb-blok-jenis{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:var(--primary);text-transform:uppercase;letter-spacing:.04em}.hb-blok-jenis svg{width:18px;height:18px}.hb-blok-aksi{display:flex;gap:4px}.hb-blok-aksi .btn{padding:6px 8px}.hb-blok-aksi svg{width:16px;height:16px}.hb-hapus{color:var(--danger)}.hb-judul-blok{font-weight:600}.hb-x{flex:none;width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--t-muted);font-size:18px;line-height:1;cursor:pointer}.hb-x:hover{color:var(--danger);border-color:var(--danger)}.hb-tombol-kecil{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.hb-tabel-wadah{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border-soft);border-radius:10px}.hb-tabel{border-collapse:collapse;min-width:100%}.hb-tabel td{padding:4px;border-bottom:1px solid var(--border-soft);vertical-align:middle}.hb-tabel td[data-kolom]{min-width:140px}.hb-tabel .is-kepala td{background:var(--bg-muted)}.hb-sel{display:flex;gap:4px;align-items:center}.hb-sel .input{flex:1;min-width:0}.hb-tabel .is-kepala .input{font-weight:700}.hb-tabel .input{min-height:38px;padding:6px 10px;font-size:14px}.hb-tabel-aksi{width:36px;text-align:center}.hb-orang{display:grid;gap:10px}.hb-orang-baris{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:start;padding:10px;border-radius:12px;background:var(--bg-muted)}.hb-orang-foto{width:52px;height:52px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--bg-card);color:var(--t-light)}.hb-orang-foto img{width:100%;height:100%;object-fit:cover}.hb-orang-foto svg{width:22px;height:22px}.hb-orang-isi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hb-orang-file{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}.hb-orang-file .input{flex:1 1 200px;min-height:0;padding:6px 8px;font-size:13px}.hb-galeri{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.hb-galeri-item{display:grid;gap:6px}.hb-galeri-item img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.hb-galeri-item .input{min-height:34px;padding:4px 8px;font-size:13px}.hb-tambah-pilih{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:10px}.hb-tambah-btn{display:flex;gap:12px;align-items:flex-start;text-align:left;padding:12px;border-radius:12px;border:1px dashed var(--border);background:var(--bg-card);color:inherit;font:inherit;cursor:pointer}.hb-tambah-btn:hover{border-color:var(--primary);border-style:solid}.hb-tambah-btn b{display:block;font-size:14px}.hb-tambah-btn small{display:block;color:var(--t-muted);font-size:12.5px;line-height:1.45;margin-top:2px}.hb-simpan{position:static!important;margin-top:18px}.hb-sakelar{display:flex;flex-wrap:wrap;gap:12px 28px}.hb-baris{align-items:center}.hb-baris-aksi{display:flex;gap:4px;align-items:center}.hb-baris-aksi form{margin:0}.hb-baris-aksi .btn{padding:6px 8px}.hb-baris-aksi svg{width:16px;height:16px}@media(max-width:560px){.hb-orang-baris{grid-template-columns:44px minmax(0,1fr) auto}.hb-orang-foto{width:44px;height:44px}.hb-orang-isi{grid-template-columns:1fr}.hb-baris{flex-wrap:wrap}.hb-baris-aksi{width:100%;padding-left:52px}}.iz-bad{color:var(--danger)}.iz-baris .item-body{min-width:0}.iz-baris .item-title .pill{margin-left:4px;vertical-align:2px;white-space:nowrap;font-size:11.5px}.iz-rinci{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid var(--border);font-size:14px}.iz-rinci>span{color:var(--t-muted);flex:none}.iz-rinci>b{text-align:right;font-weight:600;min-width:0}.iz-alasan{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iz-waktu{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:560px){.iz-waktu{grid-template-columns:1fr}}.iz-waktu .input{min-width:0}.seg--bungkus span{padding:10px 14px}.iz-putus{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.iz-tolak{flex:1 1 220px}.iz-tolak summary{list-style:none;display:inline-flex}.iz-tolak summary::-webkit-details-marker{display:none}.iz-tolak[open] summary{margin-bottom:10px}.iz-tolak form{display:grid;gap:8px;justify-items:start}.iz-tolak .input{width:100%}.iz-jejak{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:0}.iz-jejak li{position:relative;padding:0 0 14px 24px;display:grid;gap:2px;font-size:13.5px;color:var(--t-muted)}.iz-jejak li:before{content:"";position:absolute;left:4px;top:4px;width:10px;height:10px;border-radius:50%;border:2px solid var(--border);background:var(--bg-card)}.iz-jejak li:after{content:"";position:absolute;left:9px;top:16px;bottom:0;width:2px;background:var(--border)}.iz-jejak li:last-child:after{display:none}.iz-jejak li b{color:var(--t-dark);font-weight:600}.iz-jejak li.is-selesai:before{background:var(--primary);border-color:var(--primary)}.iz-asrama{display:flex;flex-wrap:wrap;gap:6px 16px}.iz-asrama small{color:var(--t-muted)}.gb-di-luar .item-card{align-items:center}.gb-tombol{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.gb-tombol .btn{min-height:48px;justify-content:center}.gb-peringatan{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:color-mix(in oklab,var(--danger) 10%,transparent);color:var(--danger);font-size:13.5px;font-weight:600}.gb-info{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:var(--primary-soft);color:var(--primary);font-size:13.5px;font-weight:600}.gb-catatan{width:100%;margin-top:10px}.gb-log{font-size:13px}.rs-ringkas{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;margin:0 0 14px}.rs-ringkas b{font-variant-numeric:tabular-nums}.rs-asrama{margin-bottom:16px;break-inside:avoid}.rs-kamar{margin:12px 0 4px;font-size:13px;font-weight:700;color:var(--t-muted);letter-spacing:.02em;display:flex;justify-content:space-between;gap:10px}.rs-tabel{width:100%;border-collapse:collapse;font-size:13.5px}.rs-tabel td{padding:7px 4px;border-top:1px solid var(--border);vertical-align:top}.rs-tabel td:first-child{width:28px;color:var(--t-muted);font-variant-numeric:tabular-nums}.rs-tabel td:last-child{text-align:right;white-space:nowrap}.rs-cek{width:18px;height:18px;border:1.5px solid var(--t-muted);border-radius:4px;display:inline-block;vertical-align:middle}.pk-foto{width:48px;height:48px;border-radius:10px;object-fit:cover;flex:none}.pk-aksi{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.pk-aksi form{display:flex;gap:6px;flex-wrap:wrap}.pk-aksi .input{min-width:0;flex:1 1 160px}.sb-tamu-masih{font-weight:600;color:var(--primary)}.sc-paket{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--border);font-size:14px}.sc-paket span{min-width:0}.sc-paket .btn{flex:none}.pg-kpi-ket{margin-top:6px;font-size:12.5px;color:var(--t-muted);line-height:1.45}.pg-kpi-ket b{color:var(--t-base);font-variant-numeric:tabular-nums}.pg-hitung{font-size:13px;color:var(--t-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.pg-hitung b{font-size:18px;color:var(--t-base)}.pg-kosong{margin:0;padding:12px 0;color:var(--t-muted);font-size:13.5px}.pg-baris{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--border-soft);color:inherit;text-decoration:none}.pg-baris:first-of-type{border-top:0}.pg-baris-isi{min-width:0;flex:1}.pg-baris-judul{font-weight:600;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.pg-baris-ket{font-size:12.5px;color:var(--t-muted);margin-top:2px;line-height:1.45}.pg-baris .pill{flex:none}.pg-bulan{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:end;height:120px;margin-top:6px}.pg-bulan-kol{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:4px}.pg-bulan-batang{width:100%;max-width:38px;min-height:3px;border-radius:6px 6px 2px 2px;background:var(--primary);opacity:.85}.pg-bulan-kol.is-nol .pg-bulan-batang{background:var(--border);opacity:1}.pg-bulan-n{font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums}.pg-bulan-nama{font-size:12px;color:var(--t-muted)}.pg-paket{margin:14px 0 0;display:grid;gap:0}.pg-paket>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--border-soft);font-size:13.5px}.pg-paket dt{color:var(--t-muted)}.pg-paket dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.pg-cepat{display:flex;flex-wrap:wrap;gap:8px}.pg-cepat form{margin:0}.pg-riwayat{list-style:none;margin:0;padding:0}.pg-riwayat li{padding:10px 0;border-top:1px solid var(--border-soft);font-size:13.5px;line-height:1.45}.pg-riwayat li:first-child{border-top:0}.pg-riwayat-meta{font-size:12.5px;color:var(--t-muted);margin-top:2px}.pg-tindakan{margin-bottom:20px}.pg-tindakan-daftar{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.pg-tindakan-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-hover);color:inherit;text-decoration:none;min-width:0}.pg-tindakan-item svg{width:20px;height:20px;flex:none}.pg-tindakan-item.is-warn svg{color:var(--warning)}.pg-tindakan-item.is-bad svg{color:var(--danger)}.pg-tindakan-item:hover{border-color:var(--primary)}.pg-tindakan-label{flex:1;min-width:0;font-size:13.5px;font-weight:600;line-height:1.35}.pg-tindakan-n{font-weight:800;font-variant-numeric:tabular-nums;font-size:16px}.pg-pilih{display:grid;gap:8px;max-height:260px;overflow:auto;padding:2px}.pg-pilih small{color:var(--t-muted)}.pg-kirim{padding:14px 0;border-top:1px solid var(--border-soft)}.pg-kirim:first-of-type{border-top:0}.pg-kirim-nama{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:600;margin-bottom:8px}.pg-kirim-baris{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:4px 0;font-size:13.5px}.pg-kirim-label{width:72px;color:var(--t-muted);font-size:12.5px}.pg-kirim-ket{color:var(--t-muted);font-size:12.5px;min-width:0;overflow-wrap:anywhere}.pg-kirim-baris form{margin:0}.pg-bel{position:relative}.pg-bel-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:700;line-height:1;background:var(--danger);color:#fff;font-variant-numeric:tabular-nums}.pg-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pg-banner>svg{width:20px;height:20px;flex:none}.pg-banner-isi{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.45}.pg-banner-lain{font-size:12.5px;opacity:.8}.pg-banner-aksi{display:flex;gap:8px;flex-wrap:wrap}.pg-banner-aksi form{margin:0}.pg-pesan{padding:16px 0;border-top:1px solid var(--border-soft)}.pg-pesan:first-child{border-top:0}.pg-pesan.is-baru{border-left:3px solid var(--warning);padding-left:14px}.pg-pesan-kepala{display:flex;align-items:center;justify-content:space-between;gap:12px}.pg-pesan-judul{margin:0;font-size:16px;line-height:1.35}.pg-pesan-isi{margin-top:8px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.pg-pesan-meta{margin-top:8px;font-size:12.5px;color:var(--t-muted)}.pg-sewa{margin:6px 0 2px;font-size:13px}.pg-bayar{padding:12px 0;border-top:1px solid var(--border-soft)}.pg-bayar:first-of-type{border-top:0}.pg-bayar.is-batal{opacity:.7}.pg-alasan{display:flex;gap:8px;align-items:center;flex:1 1 220px;margin:0}.pg-alasan .input{min-width:0;flex:1;padding-block:6px;font-size:13px}.pg-baris svg{width:20px;height:20px;flex:none;color:var(--t-muted)}.pg-baris form{margin:0;flex:none}@media(max-width:640px){.pg-banner-aksi{width:100%}.pg-baris:has(form .btn){flex-wrap:wrap}.pg-bulan{height:100px;gap:6px}.pg-cepat .btn{flex:1 1 auto;justify-content:center}}