.yp-page{animation:.18s ease-out yp-in}.yp-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.yp-page-head h1{font-size:21px}.yp-page-head .sub{color:var(--ink-dim);margin-top:2px;font-size:13px}.yp-page-actions{flex-wrap:wrap;gap:8px;display:flex}.yp-card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.yp-card+.yp-card{margin-top:var(--gap)}.yp-card-head{border-bottom:1px solid var(--line-soft);background:linear-gradient(#ffffff06,#0000);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;display:flex}.yp-card-head h2{font-size:15px}.yp-card-head .sub{color:var(--ink-faint);margin-top:1px;font-size:12px;font-weight:400}.yp-card-body{padding:16px}.yp-card-body.flush{padding:0}.yp-grid{gap:var(--gap);display:grid}.yp-grid.stats{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.yp-grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.yp-grid.form{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.yp-stat{padding:15px 16px}.yp-stat .label{color:var(--ink-dim);font-size:12.5px}.yp-stat .value{letter-spacing:-.5px;margin-top:4px;font-size:25px;font-weight:800}.yp-stat .foot{color:var(--ink-faint);margin-top:3px;font-size:11.5px}.yp-btn{border-radius:var(--radius-sm);font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:9px 15px;font-size:13.5px;font-weight:600;transition:filter .14s,background .14s,border-color .14s;display:inline-flex}.yp-btn:disabled{opacity:.5;cursor:not-allowed}.yp-btn:not(:disabled):hover{filter:brightness(1.12)}.yp-btn.primary{background:var(--accent);color:var(--accent-ink)}.yp-btn.quiet{background:var(--surface-2);color:var(--ink);border-color:var(--line)}.yp-btn.ghost{color:var(--ink-dim);border-color:var(--line);background:0 0}.yp-btn.danger{color:var(--danger);background:#ff5a5a1f;border-color:#ff5a5a57}.yp-btn.ok{color:var(--ok);background:#3ecf7e1f;border-color:#3ecf7e57}.yp-btn.sm{border-radius:8px;min-height:30px;padding:5px 10px;font-size:12.5px}.yp-btn.block{width:100%}.yp-field{display:block}.yp-field>.lbl{color:var(--ink-dim);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.yp-field>.hint{color:var(--ink-faint);margin-top:5px;font-size:11.5px}.yp-field>.err{color:var(--danger);margin-top:5px;font-size:11.5px}.yp-input,.yp-select,.yp-textarea{background:var(--bg);width:100%;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit;padding:9px 12px;font-size:14px;transition:border-color .14s,background .14s}@media (max-width:720px){.yp-input,.yp-select,.yp-textarea{font-size:16px}}.yp-input:focus,.yp-select:focus,.yp-textarea:focus{border-color:var(--accent);outline:none}.yp-input:disabled,.yp-select:disabled,.yp-textarea:disabled{opacity:.55}.yp-input.invalid,.yp-textarea.invalid{border-color:var(--danger)}.yp-textarea{resize:vertical;min-height:88px;line-height:1.55}.yp-select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-faint) 50%), linear-gradient(135deg, var(--ink-faint) 50%, transparent 50%);background-position:14px 17px,9px 17px;background-repeat:no-repeat;background-size:5px 5px;padding-inline-end:30px}.yp-input.num,.yp-input[type=number]{text-align:start;font-variant-numeric:tabular-nums;direction:ltr}.yp-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.yp-toggle input{opacity:0;width:0;height:0;position:absolute}.yp-toggle .track{background:var(--line);border-radius:999px;flex:none;width:42px;height:24px;transition:background .16s;position:relative}.yp-toggle .track:after{content:"";top:3px;background:var(--ink);border-radius:50%;width:18px;height:18px;transition:transform .16s;position:absolute;inset-inline-start:3px}.yp-toggle input:checked+.track{background:var(--accent)}.yp-toggle input:checked+.track:after{background:var(--accent-ink);transform:translate(-18px)}.yp-toggle input:disabled+.track{opacity:.5}.yp-toggle .cap{font-size:13.5px}.yp-table-wrap{width:100%;overflow-x:auto}.yp-table{border-collapse:collapse;width:100%;font-size:13.5px}.yp-table th{text-align:start;letter-spacing:.3px;color:var(--ink-faint);text-transform:uppercase;border-bottom:1px solid var(--line);background:var(--surface-2);z-index:1;white-space:nowrap;padding:10px 14px;font-size:11.5px;font-weight:700;position:sticky;top:0}.yp-table td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:11px 14px}.yp-table tbody tr:last-child td{border-bottom:0}.yp-table tbody tr:hover{background:#ffffff06}.yp-table td.actions{white-space:nowrap}.yp-table td.actions>*+*{margin-inline-start:6px}@media (max-width:760px){.yp-table,.yp-table tbody,.yp-table tr,.yp-table td{width:100%;display:block}.yp-table thead{display:none}.yp-table tr{border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--surface-2);margin:10px;padding:4px 0}.yp-table td{border-bottom:1px solid var(--line-soft);text-align:start;justify-content:space-between;align-items:center;gap:14px;padding:9px 13px;display:flex}.yp-table td:last-child{border-bottom:0}.yp-table td:before{content:attr(data-label);color:var(--ink-faint);text-transform:uppercase;flex:none;font-size:11.5px;font-weight:700}.yp-table td.hide-narrow{display:none}.yp-table td.actions{flex-wrap:wrap;justify-content:flex-start;gap:6px}.yp-table td.actions>*+*{margin-inline-start:0}}.yp-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.yp-badge.neutral{background:var(--raised);color:var(--ink-dim)}.yp-badge.ok{color:var(--ok);background:#3ecf7e21;border-color:#3ecf7e4d}.yp-badge.warn{color:var(--warn);background:#ffa72621;border-color:#ffa7264d}.yp-badge.danger{color:var(--danger);background:#ff5a5a21;border-color:#ff5a5a4d}.yp-badge.info{color:var(--info);background:#4aa8ff21;border-color:#4aa8ff4d}.yp-badge.vip{color:var(--vip);background:#c084fc21;border-color:#c084fc4d}.yp-badge.accent{color:var(--accent);background:#ffb30024;border-color:#ffb30052}.yp-empty{text-align:center;color:var(--ink-faint);padding:42px 20px}.yp-empty .big{color:var(--ink-dim);margin-bottom:4px;font-size:15px;font-weight:600}.yp-error{color:#ffb3b3;border-radius:var(--radius-sm);background:#ff5a5a14;border:1px solid #ff5a5a4d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:13.5px;display:flex}.yp-spin{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;flex:none;width:18px;height:18px;animation:.7s linear infinite yp-spin}.yp-loading{color:var(--ink-faint);justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.yp-tabs{border-bottom:1px solid var(--line);margin-bottom:var(--gap);gap:4px;display:flex;overflow-x:auto}.yp-tabs button{color:var(--ink-dim);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:9px 14px;font-size:13.5px;font-weight:600}.yp-tabs button.on{color:var(--accent);border-bottom-color:var(--accent)}.yp-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;background:#04060ab3;justify-content:center;align-items:center;padding:18px;animation:.14s ease-out yp-in;display:flex;position:fixed;inset:0}.yp-modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;width:min(560px,100%);max-height:88vh;display:flex}.yp-modal.wide{width:min(880px,100%)}.yp-modal-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:10px;padding:14px 17px;display:flex}.yp-modal-head h3{font-size:16px}.yp-modal-body{padding:17px;overflow-y:auto}.yp-modal-foot{border-top:1px solid var(--line-soft);justify-content:flex-start;gap:8px;padding:13px 17px;display:flex}.yp-x{color:var(--ink-faint);cursor:pointer;background:0 0;border:0;padding:2px 6px;font-size:21px;line-height:1}.yp-x:hover{color:var(--ink)}.yp-toasts{bottom:18px;z-index:80;flex-direction:column;gap:8px;max-width:min(380px,100vw - 36px);display:flex;position:fixed;inset-inline-start:18px}.yp-toast{background:var(--raised);border:1px solid var(--line);border-inline-start:3px solid var(--ink-dim);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:11px 14px;font-size:13.5px;animation:.18s ease-out yp-toast}.yp-toast.ok{border-inline-start-color:var(--ok)}.yp-toast.danger{border-inline-start-color:var(--danger)}.yp-toast.warn{border-inline-start-color:var(--warn)}.yp-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.yp-row.between{justify-content:space-between}.yp-pager{color:var(--ink-dim);justify-content:center;align-items:center;gap:12px;padding:13px;font-size:13px;display:flex}.yp-search{flex-wrap:wrap;gap:8px;display:flex}.yp-search .yp-input{flex:200px}.yp-dim{color:var(--ink-dim)}.yp-faint{color:var(--ink-faint)}.yp-swatch{border:1px solid var(--line);border-radius:6px;flex:none;width:22px;height:22px}.yp-shell{min-height:100%}.yp-nav{width:var(--nav-w);background:var(--surface);border-inline-end:1px solid var(--line-soft);z-index:40;flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.yp-nav-brand{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:16px 18px;font-size:16px;font-weight:800;display:flex}.yp-nav-brand .dot{background:var(--accent);border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 4px #ffb30029}.yp-nav-brand .env{letter-spacing:.4px;border-radius:999px;margin-inline-start:auto;padding:2px 7px;font-size:10.5px;font-weight:800}.yp-nav-brand .env.staging{color:var(--warn);background:#ffa72629;border:1px solid #ffa72666}.yp-nav-brand .env.prod{color:var(--ok);background:#3ecf7e21;border:1px solid #3ecf7e57}.yp-nav-scroll{flex:1;padding:10px 0 16px;overflow-y:auto}.yp-nav-group{letter-spacing:.5px;color:var(--ink-faint);text-transform:uppercase;padding:12px 18px 5px;font-size:10.5px;font-weight:800}.yp-nav a{color:var(--ink-dim);border-inline-start:3px solid #0000;align-items:center;gap:10px;padding:9px 18px;font-size:13.5px;font-weight:600;text-decoration:none;display:flex}.yp-nav a:hover{color:var(--ink);background:#ffffff08;text-decoration:none}.yp-nav a.on{color:var(--accent);border-inline-start-color:var(--accent);background:#ffb30012}.yp-nav-foot{border-top:1px solid var(--line-soft);padding:12px 14px}.yp-nav-who{color:var(--ink-dim);text-overflow:ellipsis;margin-bottom:9px;font-size:12.5px;overflow:hidden}.yp-nav-who b{color:var(--ink);font-size:13px;display:block}.yp-top{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-soft);background:#0d1017eb;align-items:center;gap:12px;padding:10px 14px;display:none;position:sticky;top:0}.yp-burger{background:var(--surface-2);border:1px solid var(--line);color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.yp-top .name{font-size:15px;font-weight:800}.yp-main{max-width:1500px;margin-inline-start:var(--nav-w);padding:24px}.yp-scrim{display:none}@media (max-width:1000px){.yp-top{display:flex}.yp-main{margin-inline-start:0;padding:16px}.yp-nav{box-shadow:var(--shadow);transition:transform .2s ease-out;transform:translate(100%)}.yp-nav.open{transform:none}.yp-scrim{z-index:35;background:#0000008c;animation:.15s ease-out yp-in;display:block;position:fixed;inset:0}}@media (min-width:1001px){.yp-nav{transform:none}}:root{--bg:#0d1017;--surface:#151a23;--surface-2:#1c2230;--raised:#232b3a;--line:#2b3446;--line-soft:#212938;--ink:#e8ecf4;--ink-dim:#97a2b6;--ink-faint:#64708a;--accent:#ffb300;--accent-ink:#1a1204;--ok:#3ecf7e;--warn:#ffa726;--danger:#ff5a5a;--info:#4aa8ff;--vip:#c084fc;--radius:14px;--radius-sm:10px;--gap:16px;--shadow:0 6px 24px #00000061;--font:"Noto Kufi Arabic", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--nav-w:244px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font-size:15px;line-height:1.6}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.3}p{margin:0 0 10px}a{color:var(--info);text-decoration:none}a:hover{text-decoration:underline}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;direction:ltr;unicode-bidi:isolate}.mono{direction:ltr;unicode-bidi:isolate;font-family:ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,monospace;font-size:.86em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--raised)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@keyframes yp-spin{to{transform:rotate(360deg)}}@keyframes yp-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes yp-toast{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}