:root{--ad-sidebar-w: 256px;--ad-topbar-h: 74px}#root{min-height:100vh}html{overflow-x:hidden}body{background:var(--fd-paper)}.ad-shell{display:grid;grid-template-columns:1fr var(--ad-sidebar-w);min-height:100vh}.ad-sidebar{position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;background:var(--fd-paper-2);border-inline-start:2.5px solid var(--fd-border-ink);display:flex;flex-direction:column;z-index:50}.ad-main{min-width:0;display:flex;flex-direction:column}.ad-content{padding:28px 32px 64px;max-width:1320px;width:100%;margin-inline:auto}.ad-navitem{display:flex;align-items:center;gap:12px;width:100%;text-align:start;padding:11px 14px;border-radius:12px;font-family:var(--fd-fa);font-weight:700;font-size:15.5px;color:var(--fd-ink);background:none;border:2.5px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,transform .15s var(--fd-ease);position:relative}.ad-navitem:hover{background:color-mix(in srgb,var(--fd-primary) 9%,transparent)}.ad-navitem[aria-current=true]{background:var(--fd-ink);color:var(--fd-paper-2);border-color:var(--fd-border-ink);box-shadow:3px 3px 0 var(--fd-border-ink)}.ad-navitem .ad-navcount{margin-inline-start:auto;font-size:12px;font-weight:800;min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:var(--fd-primary);color:var(--fd-on-primary);border:2px solid var(--fd-border-ink)}.ad-navitem[aria-current=true] .ad-navcount{background:var(--fd-marigold);color:var(--fd-ink)}.ad-card{background:var(--fd-paper-2);border:2.5px solid var(--fd-border-ink);border-radius:var(--fd-r);box-shadow:var(--fd-shadow)}.ad-table{width:100%;border-collapse:collapse;font-size:14.5px}.ad-table thead th{text-align:start;font-weight:800;font-size:13px;color:var(--fd-ink-soft);padding:14px 16px;border-bottom:2.5px solid var(--fd-border-ink);white-space:nowrap}.ad-table tbody td{padding:14px 16px;border-bottom:1.5px solid var(--fd-border);vertical-align:middle}.ad-table tbody tr{transition:background .12s}.ad-table tbody tr:hover{background:color-mix(in srgb,var(--fd-primary) 6%,transparent)}.ad-table tbody tr:last-child td{border-bottom:none}.ad-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-weight:800;font-size:12.5px;line-height:1;padding:6px 11px;border-radius:999px;border:2px solid var(--fd-border-ink)}.ad-iconbtn{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;border:2.5px solid var(--fd-border-ink);background:var(--fd-paper-2);color:var(--fd-ink);cursor:pointer;box-shadow:2.5px 2.5px 0 var(--fd-border-ink);transition:transform .15s var(--fd-ease),box-shadow .15s var(--fd-ease),background .15s}.ad-iconbtn:hover{transform:translate(-1.5px,-1.5px);box-shadow:4px 4px 0 var(--fd-border-ink)}.ad-iconbtn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--fd-border-ink)}.ad-iconbtn--ghost{box-shadow:none;border-color:transparent}.ad-iconbtn--ghost:hover{background:color-mix(in srgb,var(--fd-primary) 10%,transparent);transform:none;box-shadow:none}.ad-input,.ad-select,.ad-textarea{width:100%;font-family:var(--fd-fa);font-size:15px;font-weight:600;color:var(--fd-ink);background:var(--fd-paper);border:2.5px solid var(--fd-border-ink);border-radius:12px;padding:12px 15px;outline:none;transition:box-shadow .15s,border-color .15s}.ad-textarea{resize:vertical;min-height:96px;line-height:1.8}.ad-input:focus,.ad-select:focus,.ad-textarea:focus{box-shadow:3px 3px 0 var(--fd-primary)}.ad-input::placeholder,.ad-textarea::placeholder{color:var(--fd-ink-faint);font-weight:500}.ad-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:none}.ad-label{display:block;font-weight:800;font-size:13.5px;color:var(--fd-ink);margin-bottom:7px}.ad-sidebar::-webkit-scrollbar,.ad-scroll::-webkit-scrollbar{width:8px;height:8px}.ad-sidebar::-webkit-scrollbar-thumb,.ad-scroll::-webkit-scrollbar-thumb{background:var(--fd-line);border-radius:99px}.ad-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:color-mix(in srgb,var(--fd-ink) 42%,transparent);display:flex;align-items:flex-start;justify-content:center;padding:28px 20px;animation:ad-fade .2s ease both}@keyframes ad-fade{0%{opacity:0}to{opacity:1}}@keyframes ad-pop{0%{transform:translateY(16px) scale(.98);opacity:0}to{transform:none;opacity:1}}.ad-modal{background:var(--fd-paper-2);border:3px solid var(--fd-border-ink);border-radius:var(--fd-r-lg);box-shadow:10px 10px 0 var(--fd-ink);width:100%;min-width:0;animation:ad-pop .28s var(--fd-ease) both;max-height:calc(100dvh - 56px);display:flex;flex-direction:column;overflow:hidden}.ad-modal__head{flex:0 0 auto}.ad-modal__body{flex:1 1 auto;overflow-y:auto;min-height:0}.ad-modal__foot{flex:0 0 auto}@media(max-width:560px){.ad-overlay{padding:14px 12px}.ad-modal{max-height:calc(100dvh - 28px)}.ad-modal__body [style*=grid-template-columns]{grid-template-columns:1fr!important}}.ad-meter{height:9px;border-radius:999px;background:color-mix(in srgb,var(--fd-ink) 12%,transparent);overflow:hidden;border:1.5px solid var(--fd-border-ink)}.ad-meter>span{display:block;height:100%;border-radius:999px}.ad-h1{font-size:30px;font-weight:900;letter-spacing:-.01em;line-height:1.2}.ad-sub{color:var(--fd-ink-soft);font-size:15px;font-weight:600;margin-top:4px}.ad-seg{display:inline-flex;gap:4px;padding:4px;border-radius:999px;border:2.5px solid var(--fd-border-ink);background:var(--fd-paper)}.ad-seg button{font-family:var(--fd-fa);font-weight:800;font-size:14px;cursor:pointer;padding:8px 16px;border-radius:999px;border:none;background:none;color:var(--fd-ink-soft);white-space:nowrap;transition:background .15s,color .15s;display:inline-flex;align-items:center;gap:7px}.ad-seg button[aria-pressed=true]{background:var(--fd-ink);color:var(--fd-paper-2)}@media(max-width:1000px){.ad-shell{grid-template-columns:1fr}.ad-sidebar{position:fixed;right:0;left:auto;top:0;width:280px;max-width:86vw;transform:translate(100%);transition:transform .28s var(--fd-ease);box-shadow:-8px 0 #3a2b451f}.ad-sidebar.ad-open{transform:none}.ad-content{padding:20px 18px 56px}}@media(max-width:1100px){.ad-2col{grid-template-columns:1fr!important}}@media(max-width:860px){.ad-kpigrid{grid-template-columns:1fr 1fr!important}}@media(max-width:1000px){.ad-mobile-menu{display:grid!important}.ad-topsearch,.ad-topdate{display:none!important}}@media(max-width:560px){.ad-username{display:none!important}.ad-kpigrid{grid-template-columns:1fr!important}.ad-h1{font-size:24px!important}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important}}
