@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/plus-jakarta-sans-cyrillic-ext-wght-normal.1p5eg27ho_atv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/plus-jakarta-sans-vietnamese-wght-normal.2gl4mcd5dm2h_.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/plus-jakarta-sans-latin-ext-wght-normal.362mv560wxbnh.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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 Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/plus-jakarta-sans-latin-wght-normal.1nsast9qgxif8.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/sora-latin-ext-wght-normal.1_x6rmexwh_7b.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/sora-latin-wght-normal.2o7d_x-bmx02y.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--kesfed:#02a121;--grad:linear-gradient(135deg, #02a121 0%, #14b83a 55%, #3dd068 100%);--grad-soft:linear-gradient(135deg, #02a12124, #3dd0682e);--brand:#02a121;--ink:#111815;--muted:#5f6b5f;--line:#11181514;--glass-bg:#ffffffb8;--glass-border:#ffffffd9;--shadow:0 10px 34px #121a2e12;--bad:#ef4444;--warn:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;background-color:#eef3ef;background-image:radial-gradient(900px 520px at 6% -6%,#02a12133,#0000 62%),radial-gradient(900px 640px at 98% 4%,#3dd06838,#0000 62%),radial-gradient(700px 500px at 50% 110%,#02a1211a,#0000 60%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;font-family:Plus Jakarta Sans Variable,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3,.num{letter-spacing:-.01em;font-family:Sora Variable,Plus Jakarta Sans Variable,system-ui,sans-serif}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#121a2e2e;border-radius:6px}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--shadow)}.app-shell{flex-direction:column;gap:20px;min-height:100vh;padding:20px 28px 32px;display:flex}.app-body{align-items:flex-start;gap:24px;display:flex}.app-main{flex:1;min-width:0;animation:.35s backwards gir}@keyframes gir{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.topbar{z-index:25;flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex;position:relative}.brand{flex:none;align-items:center;gap:12px;display:flex}.ys-logo{background:var(--grad);border-radius:16px;flex:none;place-items:center;width:46px;height:46px;display:grid;overflow:hidden;box-shadow:0 8px 22px #02a12159}.ys-logo img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.brand b{font-family:Sora Variable,sans-serif;font-size:19px;line-height:1.1;display:block}.brand small{color:var(--muted);letter-spacing:.04em;font-size:12px;font-weight:600}.searchbox{min-width:0;min-height:52px;color:var(--muted);cursor:text;font:inherit;text-align:left;border-radius:999px;flex:280px;align-items:center;gap:12px;padding:0 18px 0 22px;font-size:15px;display:flex}.searchbox span{flex:1}kbd{font:inherit;color:var(--muted);background:#1118150f;border-radius:8px;padding:2px 8px;font-size:11.5px;font-weight:700}.searchbox svg{flex:none;width:20px;height:20px}.userchip{border-radius:999px;align-items:center;gap:10px;min-height:52px;padding:0 6px;display:flex}.avatar{background:var(--grad);color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:grid}.uname{padding-right:4px;font-weight:700}.iconbtn{width:40px;height:40px;color:var(--ink);cursor:pointer;background:#121a2e0f;border:0;border-radius:50%;place-items:center;transition:all .15s;display:grid}.iconbtn:hover{background:#121a2e1c}.iconbtn svg{width:19px;height:19px}.sidewrap{z-index:20;flex:0 0 80px;align-self:flex-start;width:80px;position:relative}.side{border-radius:36px;flex-direction:column;gap:4px;width:80px;padding:12px;transition:width .25s,box-shadow .25s,background .25s;display:flex;position:absolute;top:0;left:0;overflow:hidden}.side:hover,.side:focus-within{background:#fffffffa;width:268px;box-shadow:0 24px 60px #121a2e33}.ni{color:#3d455a;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:14px;width:56px;height:56px;padding:0;font-family:inherit;font-size:14.5px;font-weight:600;transition:background .15s,transform .15s;display:flex;overflow:hidden}.ni svg{flex:none;width:22px;height:22px}.ni:hover{background:#121a2e0d}.ni.active{background:var(--grad);color:#fff;font-weight:800;box-shadow:0 8px 20px #02a1214d}.ni.soon{opacity:.5;cursor:default}.ni.soon:hover{background:0 0}.ni .lbl{display:none}.ni .soonb{color:#5b6479;background:#e3e8e5;border-radius:99px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:700;display:none}.side:hover .ni,.side:focus-within .ni{justify-content:flex-start;width:100%;padding:0 18px}.side:hover .lbl,.side:focus-within .lbl,.side:hover .soonb,.side:focus-within .soonb{display:inline}.sidegrp{letter-spacing:.09em;color:var(--muted);text-transform:uppercase;padding:14px 16px 4px;font-size:11px;font-weight:800;display:none}.sdv{background:#dde1ea;height:1px;margin:8px 14px}.side:hover .sidegrp,.side:focus-within .sidegrp{display:block}.side:hover .sdv,.side:focus-within .sdv{display:none}.sidefoot{border-top:1px solid #dde1ea;margin-top:6px;padding-top:6px}.ni.logout{color:#b91c1c}.mbar,.closebtn{display:none}.ys-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.ys-top h1{font-size:28px;font-weight:700}.ys-top p{color:var(--muted);margin-top:2px;font-size:14px}.ys-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:28px;padding:24px}.ys-card h3{margin-bottom:14px;font-size:17px}.hero{background:var(--grad);color:#fff;border-radius:32px;justify-content:space-between;align-items:center;gap:16px;min-height:230px;margin-bottom:24px;padding:34px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 50px #02a12147}.hero>:not(.ripples){z-index:1;position:relative}.hero h1{font-size:34px;font-weight:700;line-height:1.15}.hero p{color:#ffffffe6;max-width:460px;margin-top:8px;font-size:16px;font-weight:500}.hero .acts{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.btn-dark{color:var(--kesfed);font:inherit;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:12px 22px;font-weight:700;transition:all .15s;display:inline-block}.btn-dark:hover{transform:translateY(-1px);box-shadow:0 10px 24px #121a2e40}.btn-light{color:#fff;font:inherit;cursor:pointer;background:#ffffff2e;border:1px solid #ffffff8c;border-radius:999px;padding:12px 22px;font-weight:700;display:inline-block}.hero-art{flex:none;width:190px;height:190px;position:relative}.ripples{pointer-events:none;z-index:0;width:460px;height:460px;margin-top:-230px;position:absolute;top:50%;right:-30px}.ripples span{opacity:0;animation:7.2s cubic-bezier(.22,.61,.36,1) infinite dalga;animation-delay:var(--dl);border:1.5px solid #fffc;border-radius:50%;position:absolute;inset:0}.ripples b{background:radial-gradient(circle,#fff9,#fff0 70%);border-radius:50%;width:14%;height:14%;margin:-7% 0 0 -7%;animation:3.5s ease-in-out infinite cekirdek;position:absolute;top:50%;left:50%}@keyframes dalga{0%{opacity:0;transform:scale(.12)}12%{opacity:.85}to{opacity:0;transform:scale(1)}}@keyframes cekirdek{0%,to{opacity:.6;transform:scale(.8)}50%{opacity:1;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.ripples span,.ripples b,.app-main{animation:none}}.ys-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:24px;display:grid}.tile{border-radius:28px;flex-direction:column;justify-content:space-between;gap:18px;min-height:150px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}.tile:hover{transform:translateY(-3px);box-shadow:0 16px 40px #121a2e21}.tile .ic{background:var(--grad-soft);width:44px;height:44px;color:var(--kesfed);border-radius:16px;place-items:center;display:grid}.tile .ic svg{width:22px;height:22px}.tile .num{font-size:36px;font-weight:700;line-height:1}.tile span.lb{color:var(--muted);font-size:13px;font-weight:600}.dash2{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:24px;display:grid}.ring{background:conic-gradient(#14b83a calc(var(--p) * 1%), #11181514 0);border-radius:50%;place-items:center;width:150px;height:150px;margin:6px auto 12px;display:grid}.ring>div{background:#fff;border-radius:50%;place-items:center;width:112px;height:112px;font-family:Sora Variable,sans-serif;font-size:28px;font-weight:700;display:grid}.rowline{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.rowline:last-child{border-bottom:0}.rowline .dot{background:var(--grad-soft);width:38px;height:38px;color:var(--kesfed);border-radius:14px;flex:none;place-items:center;display:grid}.rowline .dot svg{width:19px;height:19px}.rowline b{display:block}.rowline small{color:var(--muted)}.rowline>svg{width:20px;height:20px;color:var(--muted);flex:none}.ys-card p.not{color:var(--muted);margin-top:14px;font-size:13px}.ys input,.ys select,.ys textarea{font:inherit;min-width:0;color:var(--ink);background:#ffffffe6;border:1px solid #121a2e1f;border-radius:999px;outline:none;padding:11px 18px;transition:all .15s}.ys textarea{resize:vertical;border-radius:22px}.ys input:focus,.ys select:focus,.ys textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px #02a12133}.ys label{color:var(--muted);gap:6px;font-size:13px;font-weight:600;display:grid}.ys-btn{font:inherit;cursor:pointer;color:#fff;background:var(--grad);text-align:center;border:0;border-radius:999px;padding:11px 22px;font-weight:700;transition:all .15s;display:inline-block;box-shadow:0 8px 20px #02a12147}.ys-btn:hover{filter:brightness(1.03);transform:translateY(-1px)}.ys-btn:disabled{opacity:.5;cursor:default;transform:none}.ys-btn.ghost{color:var(--ink);box-shadow:none;background:#ffffffd9;border:1px solid #121a2e1f}.ys-btn.red{color:#fff;background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 8px 20px #ef444440}.ys-btn.sm{padding:7px 15px;font-size:13px}.ys-tools{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.ys-form{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.ys-form .full{grid-column:1/-1}.ys-msg{border-radius:18px;margin-bottom:16px;padding:12px 18px;font-weight:600}.ys-msg.err{color:#991b1b;background:#fee2e2}.ys-msg.ok{color:#0b8f26;background:#e8f6ea}.ys-wrap{overflow-x:auto}.ys-tbl{border-collapse:separate;border-spacing:0 8px;width:100%}.ys-tbl th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);padding:4px 14px;font-size:11.5px;font-weight:800}.ys-tbl td{vertical-align:middle;background:#ffffff9e;padding:14px;transition:background .15s}.ys-tbl td:first-child{border-radius:18px 0 0 18px}.ys-tbl td:last-child{border-radius:0 18px 18px 0}.ys-tbl tbody tr:hover td{background:#fffffff2}.ys-tag{color:#475569;background:#e3e8e5;border-radius:99px;padding:3px 12px;font-size:12px;font-weight:700;display:inline-block}.ys-tag.pending{color:#92400e;background:#fef3c7}.ys-tag.approved{color:#0b8f26;background:#e8f6ea}.ys-tag.rejected{color:#991b1b;background:#fee2e2}.ys-act{flex-wrap:wrap;gap:6px;display:flex}.ys-empty{text-align:center;color:var(--muted);padding:40px;font-weight:600}.ys-pg{color:var(--muted);justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;font-size:14px;font-weight:600;display:flex}.login{flex-wrap:wrap;min-height:100vh;display:flex}.login-panel{background:var(--grad);color:#fff;flex-direction:column;flex:560px;justify-content:space-between;gap:48px;min-width:0;padding:56px 64px;display:flex;position:relative;overflow:hidden}.login-panel>:not(.ripples){z-index:1;position:relative}.login-panel h1{font-size:44px;font-weight:700;line-height:1.1}.login-panel p{color:#ffffffe6;max-width:420px;margin-top:14px;font-size:17px;font-weight:500}.login-panel .ripples{width:700px;height:700px;margin-top:-350px;top:55%;left:40%;right:auto}.login-form{flex:480px;justify-content:center;align-items:center;min-width:0;padding:56px 48px;display:flex}.login-form .ys-card{width:100%;max-width:400px;padding:34px}.login-form h2{margin-bottom:4px;font-size:24px}.login-form form{gap:16px;margin-top:22px;display:grid}@media (max-width:900px){.app-shell{padding:14px 14px 110px}.app-body{flex-direction:column;align-items:stretch;gap:16px}.searchbox{flex-basis:100%;order:3}.uname{display:none}.topbar{gap:12px}.brand small{display:none}.sidewrap{display:contents}.side{transition:none;display:none}.side.open{z-index:60;background:#fffffffc;width:auto;display:flex;position:fixed;inset:12px;overflow-y:auto}.side .lbl,.side .soonb{display:inline}.side .ni{justify-content:flex-start;width:100%;padding:0 18px}.side .sidegrp{display:block}.side .sdv{display:none}.side.open .closebtn{margin:4px 4px 4px auto;display:grid}.mbar{z-index:50;background:var(--ink);border-radius:999px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex;position:fixed;bottom:14px;left:14px;right:14px;box-shadow:0 12px 34px #121a2e4d}.mbar a,.mbar button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.mbar svg{width:22px;height:22px}.mbar a.active{background:var(--grad);color:#fff}.hero{min-height:0;padding:26px 22px}.hero h1{font-size:26px}.hero-art{display:none}.dash2{grid-template-columns:1fr}.ys-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{min-height:130px;padding:16px}.tile .num{font-size:30px}.ys-top h1{font-size:24px}.login-panel{min-height:340px;padding:32px 24px}.login-panel h1{font-size:32px}.login-form{padding:28px 16px}}.nii{flex:none;place-items:center;display:grid;position:relative}.rozet{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:99px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-8px;right:-10px}.ni.active .rozet{border-color:#14b83a}.chips{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.chip{font:inherit;color:#3d4a3f;cursor:pointer;background:#fffc;border:1px solid #1118151a;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .15s}.chip:hover{background:#fff}.chip.on{background:var(--grad);color:#fff;border-color:#0000;box-shadow:0 6px 16px #02a12140}.tabs{background:#ffffffb3;border:1px solid #ffffffe6;border-radius:999px;gap:6px;width:fit-content;margin-bottom:18px;padding:5px;display:flex}.tab{font:inherit;color:#3d4a3f;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 20px;font-size:14px;font-weight:700;transition:all .15s}.tab.on{background:var(--grad);color:#fff;box-shadow:0 6px 16px #02a12140}.ys-tbl tr.tik{cursor:pointer}.alt{color:var(--muted);max-width:300px;font-size:13px}.toasts{z-index:200;gap:10px;display:grid;position:fixed;bottom:20px;right:20px}.toast{background:var(--ink);color:#fff;border-left:5px solid #3dd068;border-radius:18px;padding:13px 20px;font-weight:600;animation:.25s both gir;box-shadow:0 14px 34px #1118154d}.toast.err{border-left-color:#ef4444}.modal-bg{z-index:150;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#11181561;place-items:center;padding:20px;animation:.2s both gir;display:grid;position:fixed;inset:0}.modal-bg.top{place-items:start center;padding-top:12vh}.modal{background:#fff;border-radius:28px;width:100%;max-width:440px;padding:28px;box-shadow:0 30px 80px #1118154d}.modal h3{margin-bottom:8px;font-size:20px}.modal p{color:var(--muted);margin-bottom:14px}.modal textarea{width:100%;margin-bottom:6px}.modal-act{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.drawer-bg{z-index:120;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1118154d;justify-content:flex-end;animation:.2s both gir;display:flex;position:fixed;inset:0}.drawer{background:#fff;border-radius:32px 0 0 32px;flex-direction:column;gap:18px;width:100%;max-width:440px;height:100%;padding:28px;animation:.28s both sag;display:flex;overflow-y:auto;box-shadow:-20px 0 60px #11181533}@keyframes sag{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.drawer-h{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.drawer-h h2{margin-top:8px;font-size:24px}.kv{grid-template-columns:110px 1fr;gap:12px 14px;display:grid}.kv dt{color:var(--muted);padding-top:2px;font-size:13px;font-weight:600}.kv dd{word-break:break-word;font-weight:600}.drawer-act{gap:10px;margin-top:auto;display:flex}.drawer-act .ys-btn{flex:1}.palet{background:#fff;border-radius:28px;width:100%;max-width:600px;overflow:hidden;box-shadow:0 30px 80px #1118154d}.palet-in{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:12px;padding:18px 22px;display:flex}.ys .palet-in{display:flex}.palet-in svg{flex:none;width:21px;height:21px}.ys .palet-in input{box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;padding:0;font-size:17px}.ys .palet-in input:focus{box-shadow:none}.palet-list{max-height:52vh;padding:8px;overflow-y:auto}.palet-it{cursor:pointer;width:100%;font:inherit;color:var(--ink);background:0 0;border:0;border-radius:18px;align-items:center;gap:12px;padding:10px 12px;display:flex}.palet-it.sel{background:#e8f6ea}.palet-it .dot{background:var(--grad-soft);width:38px;height:38px;color:var(--kesfed);border-radius:14px;flex:none;place-items:center;display:grid}.palet-it .dot svg{width:19px;height:19px}.palet-it small{color:var(--muted);font-weight:500;display:block}.palet-it em{color:var(--muted);background:#1118150f;border-radius:99px;padding:2px 9px;font-size:11.5px;font-style:normal;font-weight:700}@media (max-width:900px){.searchbox kbd{display:none}.drawer{border-radius:28px 28px 0 0;align-self:flex-end;max-width:none;height:auto;max-height:88vh}.drawer-bg{align-items:flex-end}.kv{grid-template-columns:90px 1fr}}