@import "https://cdn.jsdelivr.net/fontsource/css/inter@latest/index.css";
@import "https://cdn.jsdelivr.net/fontsource/css/inter@latest/500.css";
@import "https://cdn.jsdelivr.net/fontsource/css/inter@latest/600.css";
@import "https://cdn.jsdelivr.net/fontsource/css/inter@latest/700.css";
@import "https://cdn.jsdelivr.net/fontsource/css/inter@latest/800.css";
:root{--background:#eef0f4;--surface:#f7f8fb;--surface-raised:#fff;--foreground:#15171e;--muted-foreground:#4c515d;--primary:#1d6fd6;--primary-foreground:#fff;--accent:#1d6fd6;--border:#dfe2e9;--focus-ring:#1d6fd6;--success:#18a35b;--success-foreground:#0f6e4f;--success-soft:#e2f6ec;--warning:#dd8a1a;--warning-foreground:#92550a;--warning-soft:#fdf0df;--danger:#dd5443;--danger-foreground:#b32323;--danger-soft:#fdeae7;--info:#1d6fd6;--info-foreground:#1858b8;--info-soft:#e8f0fe;--font-family:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px;--radius-full:999px;--shadow-sm:0 2px 8px #1416230f;--shadow-md:0 10px 30px #14162314;--shadow-lg:0 30px 80px #14162347;--gradient-brand:linear-gradient(135deg, #2f7ded 0%, #1d6fd6 100%);--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.25s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1)}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);background:var(--background);color:var(--foreground);min-height:100%}body{background:var(--background);color:var(--foreground);font-size:var(--text-base);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;line-height:1.5;display:block}button,input{font-family:inherit}@keyframes pdUp{0%{opacity:.9;transform:translateY(8px)}to{opacity:1;transform:none}}.anim-up{animation:pdUp .3s var(--ease-out) both}@keyframes pdFade{0%{opacity:.9}to{opacity:1}}.anim-fade{animation:.3s both pdFade}@keyframes pdSlide{0%{opacity:.9;transform:translateY(-4px)}to{opacity:1;transform:none}}.meet-in{animation:.25s both pdSlide}@keyframes pdspin{to{transform:rotate(360deg)}}.spin{animation:.6s linear pdspin}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.grad-warm{background:radial-gradient(90% 90% at 88% 12%,#ef6a4e 0%,#ef6a4e00 55%),radial-gradient(80% 80% at 12% 8%,#b7a4e8 0%,#b7a4e800 55%),radial-gradient(70% 60% at 45% 55%,#fbf3f4 0%,#fbf3f400 70%),radial-gradient(85% 70% at 30% 98%,#f193b4 0%,#f193b400 60%),#f3e9ec}.grad-cool{background:radial-gradient(95% 95% at 88% 10%,#2f7ded 0%,#2f7ded00 55%),radial-gradient(85% 85% at 8% 32%,#3fe0c5 0%,#3fe0c500 55%),radial-gradient(60% 55%,#f2fbfd 0%,#f2fbfd00 72%),#bfe6ef}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ds-button{justify-content:center;align-items:center;gap:var(--space-2);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);cursor:pointer;transition:transform .16s var(--ease-out), box-shadow .16s var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);display:inline-flex}.ds-button:active{transform:scale(.97)}.ds-button:disabled{cursor:not-allowed;opacity:.6}.ds-button--primary{background:var(--gradient-brand);color:var(--primary-foreground);box-shadow:var(--shadow-sm);border:1px solid #0000}@media (hover:hover) and (pointer:fine){.ds-button--primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.ds-button--primary:hover:active{transform:translateY(0)scale(.97)}}.ds-button--secondary{background:var(--surface);color:var(--foreground);border:1px solid var(--border)}.ds-button--secondary:hover:not(:disabled){background:var(--background)}.ds-button--ghost{color:var(--foreground);background:0 0;border:1px solid #0000}.ds-button--ghost:hover:not(:disabled){background:var(--background)}.ds-button--loading:after{content:"";border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite ds-spin}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-field{gap:var(--space-1);flex-direction:column;display:flex}.ds-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--foreground)}.ds-input,.ds-select{font:inherit;font-size:var(--text-base);color:var(--foreground);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.ds-input:focus-visible,.ds-select:focus-visible{border-color:var(--focus-ring)}.ds-input--error,.ds-select--error{border-color:var(--danger)}.ds-hint{font-size:var(--text-xs);color:var(--muted-foreground);margin:0}.ds-field-error{font-size:var(--text-xs);color:var(--danger-foreground);margin:0}.ds-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}@media (hover:hover) and (pointer:fine){.ds-card{transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.ds-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.ds-card__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.ds-card__header h2{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.ds-card__body{gap:var(--space-3);flex-direction:column;display:flex}.ds-badge{border-radius:var(--radius-full);padding:3px var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);align-items:center;display:inline-flex}.ds-badge--success{background:var(--success-soft);color:var(--success-foreground)}.ds-badge--warning{background:var(--warning-soft);color:var(--warning-foreground)}.ds-badge--danger{background:var(--danger-soft);color:var(--danger-foreground)}.ds-badge--info{background:var(--info-soft);color:var(--info-foreground)}.ds-badge--neutral{background:var(--background);color:var(--muted-foreground);border:1px solid var(--border)}.ds-dialog{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:var(--surface-raised);color:var(--foreground);width:100%;max-width:480px;padding:0}.ds-dialog[open]{animation:ds-dialog-in var(--duration-normal) var(--ease-out)}@keyframes ds-dialog-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}.ds-dialog::backdrop{background:#20265a66}.ds-dialog__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border);display:flex}.ds-dialog__header h2{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.ds-dialog__body{padding:var(--space-4)}.ds-dropdown{display:inline-block;position:relative}.ds-dropdown__menu{top:calc(100% + var(--space-1));z-index:10;min-width:200px;padding:var(--space-1);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transform-origin:0 0;animation:ds-menu-in var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;position:absolute;left:0}@keyframes ds-menu-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.ds-dropdown__menu [role=menuitem]{text-align:left;width:100%;font:inherit;font-size:var(--text-sm);color:var(--foreground);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);cursor:pointer;background:0 0;border:0}.ds-dropdown__menu [role=menuitem]:hover,.ds-dropdown__menu [role=menuitem]:focus-visible{background:var(--background)}.ds-dropdown__menu [role=menuitem]:focus-visible{outline-offset:-2px}.ds-tooltip{display:inline-flex;position:relative}.ds-tooltip__content{bottom:calc(100% + var(--space-1));z-index:10;white-space:nowrap;background:var(--foreground);color:var(--surface);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);position:absolute;left:50%;transform:translate(-50%)}.ds-toaster{right:var(--space-4);bottom:var(--space-5);z-index:50;gap:var(--space-2);flex-direction:column;display:flex;position:fixed}.ds-toast{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);animation:ds-toast-in var(--duration-slow) var(--ease-out);border-left-width:4px}.ds-toast--success{border-left-color:var(--success)}.ds-toast--error{border-left-color:var(--danger)}.ds-toast--info{border-left-color:var(--info)}@keyframes ds-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ds-skeleton{border-radius:var(--radius-md);background:var(--border);animation:1.2s ease-in-out infinite ds-pulse}@keyframes ds-pulse{0%,to{opacity:.5}50%{opacity:1}}.ds-empty-state{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center;animation:ds-state-in var(--duration-slow) var(--ease-out);flex-direction:column;display:flex}.ds-empty-state__title{font-size:var(--text-base);font-weight:var(--weight-semibold);margin:0}.ds-empty-state__description{max-width:32ch;font-size:var(--text-sm);color:var(--muted-foreground);margin:0}.ds-empty-state__action{margin-top:var(--space-3)}.ds-error-state{align-items:flex-start;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--danger-soft);animation:ds-state-in var(--duration-fast) var(--ease-out);flex-direction:column;display:flex}.ds-error-state__message{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--danger-foreground);margin:0}.ds-error-state__correlation{font-size:var(--text-xs);color:var(--muted-foreground);margin:0}@keyframes ds-state-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ds-button--loading:after,.ds-toast,.ds-skeleton,.ds-empty-state,.ds-error-state{animation:none}.ds-button,.ds-toast{transition:none}}
.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pd-outer{background:var(--background,#eef0f4);box-sizing:border-box;width:100%;min-height:100vh;margin:0;padding:0;display:block}.pd-panel{background:var(--background,#eef0f4);box-sizing:border-box;grid-template-columns:96px minmax(0,1fr);width:100%;min-height:100vh;display:grid}@media (max-width:960px){.pd-panel{grid-template-columns:1fr;min-height:100vh}}.pd-nav{box-sizing:border-box;z-index:20;background:#eef0f4;border-right:1px solid #dfe2e9;flex-direction:column;align-items:center;gap:8px;height:100vh;padding:24px 0;display:flex;position:sticky;top:0}.pd-nav .pd-logo{color:#fff;background:#2f7ded;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;margin-bottom:16px;text-decoration:none;transition:transform .2s;display:grid;box-shadow:0 6px 16px #2f7ded59}.pd-nav .pd-logo:hover{transform:scale(1.05)}.nav-btn{cursor:pointer;width:68px;color:var(--muted-foreground,#444955);background:0 0;border:none;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:10px 0;font-size:11px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,transform .15s;display:flex}.nav-btn svg{flex-shrink:0}.nav-btn:hover{color:#15171e;background:#e2e5ea;transform:translateY(-1px)}.nav-btn.active,.nav-btn[aria-current=page]{color:#fff;background:#1d6fd6;box-shadow:0 8px 18px #1d6fd659}.nav-btn.active:hover,.nav-btn[aria-current=page]:hover{color:#fff;background:#1858b8}.pd-content{background:#eef0f4;grid-template-columns:minmax(0,1fr);display:grid}.pd-content.with-side{grid-template-columns:minmax(0,1fr) 400px}@media (max-width:1280px){.pd-content.with-side{grid-template-columns:1fr}}.pd-main{min-width:0;padding:40px 44px}@media (max-width:960px){.pd-main{padding:24px 16px 80px}}.pd-side{border-left:1px solid #dfe2e9;padding:40px 34px}@media (max-width:1280px){.pd-side{border-top:1px solid #dfe2e9;border-left:none;padding:32px 24px}}.pd-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.pd-head-left{align-items:center;gap:16px;display:flex}.pd-title{letter-spacing:-.3px;color:#15171e;font-size:24px;font-weight:800}.pd-sub{color:#4c515d;margin-top:4px;font-size:14px}.pd-head-right{align-items:center;gap:14px;display:flex;position:relative}.pd-beta-tag{color:#0f6e4f;background:#e2f6ec;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.pd-search{background:#dcdfe5;border-radius:999px;align-items:center;gap:10px;width:260px;height:48px;padding:0 18px;transition:box-shadow .2s,width .2s;display:flex}.pd-search:focus-within{background:#fff;width:290px;box-shadow:0 0 0 2px #2f7ded}.pd-search input{color:#15171e;background:0 0;border:none;outline:none;width:100%;font-size:14px}.pd-search input::placeholder{color:#4c515d}.pd-userbtn{cursor:pointer;color:#15171e;background:#fff;border:1px solid #dfe2e9;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 2px 8px #14162314}.pd-userbtn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #1416231f}.pd-usermenu{z-index:50;background:#fff;border:1px solid #dfe2e9;border-radius:16px;min-width:200px;padding:8px;position:absolute;top:56px;right:0;box-shadow:0 14px 34px #14162329}.pd-usermenu button,.pd-usermenu a{text-align:left;cursor:pointer;color:#15171e;background:0 0;border:none;border-radius:10px;width:100%;padding:10px 14px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .15s;display:block}.pd-usermenu button:hover,.pd-usermenu a:hover{background:#eef0f4}.pd-backdrop{z-index:40;position:fixed;inset:0}.pd-tabbar{display:none}@media (max-width:960px){.pd-nav{display:none}.pd-tabbar{-webkit-backdrop-filter:blur(16px);z-index:100;background:#fffffff0;border-top:1px solid #dfe2e9;justify-content:space-around;align-items:center;height:64px;padding:0 12px;display:flex;position:fixed;bottom:0;left:0;right:0}.pd-tabbar .nav-btn{border-radius:12px;gap:3px;width:auto;padding:6px 12px;font-size:10px}.pd-tabbar .nav-btn.active{box-shadow:none}.pd-search{width:160px}}