@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.demo-banner[data-v-cba88b61]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 16px;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px #00000026}.demo-content[data-v-cba88b61]{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:12px}.demo-icon[data-v-cba88b61]{font-size:1.5rem;flex-shrink:0}.demo-text[data-v-cba88b61]{flex:1;margin:0;font-size:.875rem;line-height:1.4}.demo-text strong[data-v-cba88b61]{font-weight:600}.demo-credentials[data-v-cba88b61]{display:inline-flex;align-items:center;gap:8px;margin-left:8px;flex-wrap:wrap}.demo-credentials code[data-v-cba88b61]{background:#fff3;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:.85em}.separator[data-v-cba88b61]{color:#fff9;font-weight:300}.demo-close[data-v-cba88b61]{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;line-height:1;transition:background .2s;flex-shrink:0}.demo-close[data-v-cba88b61]:hover{background:#ffffff4d}@media (max-width: 768px){.demo-banner[data-v-cba88b61]{padding:8px 12px}.demo-content[data-v-cba88b61]{flex-wrap:wrap;gap:8px}.demo-icon[data-v-cba88b61]{font-size:1.25rem}.demo-credentials[data-v-cba88b61]{display:block;margin-left:0;margin-top:4px;font-size:.75rem}.demo-credentials code[data-v-cba88b61]{font-size:.75rem;padding:1px 4px}.demo-credentials .separator[data-v-cba88b61]{display:none}.demo-credentials strong[data-v-cba88b61]{display:block;margin-top:4px}.demo-text[data-v-cba88b61]{font-size:.75rem;line-height:1.3}.demo-text br[data-v-cba88b61]{display:none}.demo-text small[data-v-cba88b61]{font-size:.7rem}.demo-close[data-v-cba88b61]{width:24px;height:24px;font-size:1.25rem}}.header[data-v-ac1852d9]{position:fixed;top:0;left:0;right:0;background:#fff;border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);z-index:1000;height:70px}.nav-wrapper[data-v-ac1852d9]{display:flex;align-items:center;justify-content:space-between;height:70px}.logo[data-v-ac1852d9]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none;transition:transform var(--transition-fast)}.logo[data-v-ac1852d9]:hover{transform:scale(1.05)}.logo-text[data-v-ac1852d9]{display:none}@media (min-width: 640px){.logo-text[data-v-ac1852d9]{display:inline}}.nav-links[data-v-ac1852d9]{display:none;align-items:center;gap:var(--spacing-lg)}@media (min-width: 768px){.nav-links[data-v-ac1852d9]{display:flex}}.nav-link[data-v-ac1852d9]{color:var(--gray-700);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.nav-link[data-v-ac1852d9]:hover,.nav-link.router-link-active[data-v-ac1852d9]{color:var(--primary-color)}.admin-link[data-v-ac1852d9]{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff!important;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:700}.admin-link[data-v-ac1852d9]:hover{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff!important}.mobile-menu-btn[data-v-ac1852d9]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:0;position:relative;z-index:1001;color:var(--gray-700)}@media (min-width: 768px){.mobile-menu-btn[data-v-ac1852d9]{display:none}}.mobile-overlay[data-v-ac1852d9]{position:fixed;inset:0;background:#00000080;z-index:999;backdrop-filter:blur(2px)}.fade-enter-active[data-v-ac1852d9],.fade-leave-active[data-v-ac1852d9]{transition:opacity .3s ease}.fade-enter-from[data-v-ac1852d9],.fade-leave-to[data-v-ac1852d9]{opacity:0}.mobile-menu[data-v-ac1852d9]{position:fixed;top:0;right:0;bottom:0;width:85%;max-width:320px;background:#fff;box-shadow:-2px 0 8px #0000001a;z-index:1000;overflow-y:auto}.slide-enter-active[data-v-ac1852d9],.slide-leave-active[data-v-ac1852d9]{transition:transform .3s ease}.slide-enter-from[data-v-ac1852d9],.slide-leave-to[data-v-ac1852d9]{transform:translate(100%)}@media (min-width: 768px){.mobile-menu[data-v-ac1852d9]{display:none}}.mobile-header[data-v-ac1852d9]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--gray-200);background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%)}.mobile-logo[data-v-ac1852d9]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.25rem;font-weight:700;color:#fff}.close-btn[data-v-ac1852d9]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease}.close-btn[data-v-ac1852d9]:hover{background:#ffffff4d;transform:rotate(90deg)}.mobile-nav[data-v-ac1852d9]{padding:var(--spacing-md) 0}.mobile-link[data-v-ac1852d9]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--gray-800);text-decoration:none;font-weight:500;background:none;border:none;width:100%;text-align:left;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.mobile-link[data-v-ac1852d9]:hover{background:var(--gray-50);border-left-color:var(--primary-color)}.mobile-link.router-link-active[data-v-ac1852d9]{background:#fef3f2;border-left-color:var(--primary-color);color:var(--primary-color)}.mobile-link.highlight[data-v-ac1852d9]{background:linear-gradient(135deg,#fef3f2,#fff4ed);color:var(--primary-color);font-weight:600}.mobile-link.logout[data-v-ac1852d9]{color:#dc2626}.mobile-link.logout[data-v-ac1852d9]:hover{background:#fee;border-left-color:#dc2626}.link-icon[data-v-ac1852d9]{display:flex;align-items:center;justify-content:center;width:28px}.user-section[data-v-ac1852d9]{padding:var(--spacing-md) 0}.user-info[data-v-ac1852d9]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--gray-50);border-radius:var(--radius-md);margin:0 var(--spacing-lg)}.user-avatar[data-v-ac1852d9]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem}.user-details[data-v-ac1852d9]{display:flex;flex-direction:column;gap:.125rem}.user-email[data-v-ac1852d9]{font-size:.875rem;color:var(--gray-700);font-weight:500;overflow:hidden;text-overflow:ellipsis}.user-role[data-v-ac1852d9]{font-size:.625rem;color:#f59e0b;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.admin-link-mobile[data-v-ac1852d9]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e!important;font-weight:700;border-left:3px solid #f59e0b!important}.admin-link-mobile[data-v-ac1852d9]:hover{background:linear-gradient(135deg,#fde68a,#fcd34d)}.divider[data-v-ac1852d9]{height:1px;background:var(--gray-200);margin:var(--spacing-md) var(--spacing-lg)}.lang-selector[data-v-ac1852d9]{display:none;align-items:center;gap:2px;background:var(--gray-100);border-radius:var(--radius-md);padding:2px}@media (min-width: 768px){.lang-selector[data-v-ac1852d9]{display:flex}}.lang-selector button[data-v-ac1852d9]{padding:4px 8px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--gray-600);cursor:pointer;transition:all .2s}.lang-selector button.active[data-v-ac1852d9]{background:#fff;color:var(--primary-color);box-shadow:0 1px 3px #0000001a}.mobile-lang-selector[data-v-ac1852d9]{display:flex;align-items:center;gap:4px;padding:var(--spacing-sm) var(--spacing-lg)}.mobile-lang-selector button[data-v-ac1852d9]{flex:1;padding:8px;border:1px solid var(--gray-200);background:#fff;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;color:var(--gray-600);cursor:pointer;transition:all .2s}.mobile-lang-selector button.active[data-v-ac1852d9]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.footer[data-v-13da71dc]{position:relative;background-color:var(--gray-900);color:var(--gray-300);padding:var(--spacing-2xl) 0 var(--spacing-lg);margin-top:var(--spacing-2xl)}.footer[data-v-13da71dc]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-600),#764ba2,var(--primary-600))}.footer-title[data-v-13da71dc]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:var(--spacing-sm)}.footer-content[data-v-13da71dc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section[data-v-13da71dc]{display:flex;flex-direction:column;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--gray-800)}.footer-section[data-v-13da71dc]:first-child{border-top:none;padding-top:0}.footer-subtitle[data-v-13da71dc]{font-size:1rem;font-weight:600;color:#fff;margin-bottom:var(--spacing-sm)}.footer-text[data-v-13da71dc]{font-size:.875rem;line-height:1.6;color:var(--gray-400)}.footer-links[data-v-13da71dc]{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-links a[data-v-13da71dc]{color:var(--gray-400);text-decoration:none;font-size:.875rem;transition:color var(--transition-fast),transform var(--transition-fast);display:inline-block}.footer-links a[data-v-13da71dc]:hover{color:#fff;transform:translate(4px)}.footer-bottom[data-v-13da71dc]{border-top:1px solid var(--gray-800);padding-top:var(--spacing-lg);font-size:.875rem;color:var(--gray-500)}.footer-bottom-content[data-v-13da71dc]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-social[data-v-13da71dc]{display:flex;gap:var(--spacing-md)}.footer-social a[data-v-13da71dc]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--gray-800);color:var(--gray-400);border-radius:50%;border:1px solid var(--gray-700);transition:all var(--transition-fast)}.footer-social a[data-v-13da71dc]:hover{background-color:var(--primary-600);color:#fff;border-color:var(--primary-600);transform:translateY(-2px)}.footer-brand[data-v-13da71dc]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:.75rem;color:var(--gray-500)}.footer-brand a[data-v-13da71dc]{display:flex;align-items:center;gap:var(--spacing-sm);color:inherit;text-decoration:none;transition:color var(--transition-fast)}.footer-brand a[data-v-13da71dc]:hover{color:var(--primary-color)}.footer-brand .pdl-logo[data-v-13da71dc]{color:var(--gray-500);transition:color var(--transition-fast),transform var(--transition-fast)}.footer-brand a:hover .pdl-logo[data-v-13da71dc]{color:var(--primary-color);transform:scale(1.1)}@media (max-width: 768px){.footer-content[data-v-13da71dc]{grid-template-columns:1fr;text-align:center}.footer-links[data-v-13da71dc]{align-items:center}.footer-links a[data-v-13da71dc]:hover{transform:none}.footer-bottom-content[data-v-13da71dc]{flex-direction:column;text-align:center}.footer-social[data-v-13da71dc]{justify-content:center}}.toast-container[data-v-6ac7d527]{position:fixed;top:80px;right:var(--spacing-lg);z-index:10000;display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:400px}.toast[data-v-6ac7d527]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:.875rem;font-weight:500;pointer-events:auto}.toast.success[data-v-6ac7d527]{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.toast.error[data-v-6ac7d527]{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.toast.warning[data-v-6ac7d527]{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.toast.info[data-v-6ac7d527]{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.toast-icon[data-v-6ac7d527]{font-weight:700;font-size:1rem;flex-shrink:0}.toast-message[data-v-6ac7d527]{line-height:1.4}.toast-enter-active[data-v-6ac7d527],.toast-leave-active[data-v-6ac7d527]{transition:all .3s ease}.toast-enter-from[data-v-6ac7d527],.toast-leave-to[data-v-6ac7d527]{opacity:0;transform:translate(100%)}.main-content{min-height:calc(100vh - 140px);padding-top:70px}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--primary-light: #dbeafe;--primary-50: #eff6ff;--secondary-color: #10b981;--secondary-hover: #059669;--secondary-light: #d1fae5;--danger-color: #ef4444;--danger-light: #fee2e2;--warning-color: #f59e0b;--warning-light: #fef3c7;--info-color: #3b82f6;--info-light: #dbeafe;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}body{font-family:var(--font-family);color:var(--gray-800);background-color:var(--gray-50);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"}#app{min-height:100vh}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}@media (max-width: 640px){.container{padding:0 var(--spacing-md)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;line-height:1.5;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;user-select:none}.btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,#4f46e5 100%);color:#fff;box-shadow:0 1px 2px #2563eb4d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-hover) 0%,#4338ca 100%);box-shadow:0 4px 12px #2563eb66;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #2563eb4d}.btn-secondary{background-color:#fff;color:var(--gray-700);border:1px solid var(--gray-300);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background-color:var(--gray-50);border-color:var(--gray-400);box-shadow:var(--shadow-sm)}.btn-success{background:linear-gradient(135deg,var(--secondary-color) 0%,#059669 100%);color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,var(--danger-color) 0%,#dc2626 100%);color:#fff}.btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--gray-600)}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--gray-900)}.btn-sm{padding:.375rem .875rem;font-size:.8125rem;border-radius:var(--radius-md)}.btn-lg{padding:.875rem 1.75rem;font-size:1rem;border-radius:var(--radius-xl)}.btn-icon{padding:.5rem;border-radius:var(--radius-md)}.btn-icon:hover{background:var(--gray-100)}.card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);transition:box-shadow var(--transition-base)}.input{width:100%;padding:.625rem .875rem;font-size:.875rem;line-height:1.5;border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);background:#fff;transition:all var(--transition-fast);color:var(--gray-900)}.input::placeholder{color:var(--gray-400)}.input:hover{border-color:var(--gray-300)}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.label{display:block;font-size:.8125rem;font-weight:600;color:var(--gray-700);margin-bottom:var(--spacing-xs);letter-spacing:.01em}.textarea{width:100%;padding:.625rem .875rem;font-size:.875rem;line-height:1.5;border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);resize:vertical;min-height:100px;font-family:var(--font-family);transition:all var(--transition-fast);background:#fff}.textarea:hover{border-color:var(--gray-300)}.textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.select{width:100%;padding:.625rem 2.5rem .625rem .875rem;font-size:.875rem;line-height:1.5;border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);background-color:#fff;cursor:pointer;transition:all var(--transition-fast);color:var(--gray-900);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.select:hover{border-color:var(--gray-300)}.select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.grid{display:grid;gap:var(--spacing-lg)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width: 769px) and (max-width: 1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.spinner{border:3px solid var(--gray-200);border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);background:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);z-index:9999;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left:4px solid var(--secondary-color)}.toast-error{border-left:4px solid var(--danger-color)}.toast-warning{border-left:4px solid var(--warning-color)}.toast-info{border-left:4px solid var(--primary-color)}.section-label{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:.75rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--primary-color);margin-bottom:var(--spacing-sm)}.section-heading{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;color:var(--gray-900);margin-bottom:var(--spacing-2xl);line-height:1.2}@media (min-width: 640px){.section-heading{font-size:2.25rem}}.section-divider{border-top:1px solid var(--gray-200)}.section-block{padding:var(--spacing-3xl) var(--spacing-lg)}@media (min-width: 640px){.section-block{padding:5rem var(--spacing-xl)}}.content-container{max-width:56rem;margin-left:auto;margin-right:auto}.pdl-logo{display:inline-flex;transition:transform var(--transition-base)}.pdl-logo:hover{transform:scale(1.05)}.pdl-logo svg{width:100%;height:100%}.pdl-logo-sm{width:28px;height:28px}.pdl-logo-md{width:36px;height:36px}.pdl-logo-lg{width:48px;height:48px}.footer-pdl{border-top:1px solid var(--gray-200);padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.footer-pdl p{font-size:.75rem;color:var(--gray-500)}.link-hover{position:relative;text-decoration:none;transition:color var(--transition-fast)}.link-hover:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:currentColor;transition:width var(--transition-base)}.link-hover:hover:after{width:100%}.card-pdl{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.card-pdl:hover{border-color:#2563eb4d;box-shadow:var(--shadow-md)}