.card{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);transition:all var(--transition-base)}.card--default{background-color:var(--color-bg-primary)}.card--bordered{border:1px solid var(--color-gray-200)}.card--elevated{box-shadow:var(--shadow-lg)}.card--padding-none{padding:0}.card--padding-sm{padding:var(--space-3)}.card--padding-md{padding:var(--space-6)}.card--padding-lg{padding:var(--space-8)}.card--interactive{cursor:pointer;position:relative;overflow:hidden}.card--interactive:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(37,99,235,.05) 50%,transparent 100%);transform:translate(-100%);transition:transform .6s ease}.card--interactive:hover{transform:translateY(-2px)}.card--interactive:hover:before{transform:translate(100%)}.card--interactive.card--bordered:hover{border-color:var(--color-primary)}.card--interactive.card--elevated:hover{box-shadow:var(--shadow-xl)}.card__header{padding:var(--space-6);border-bottom:1px solid var(--color-gray-200)}.card--padding-none .card__header{padding:var(--space-6)}.card__header:last-child{border-bottom:none}.card__body,.card--padding-none .card__body{padding:var(--space-6)}.card__footer{padding:var(--space-6);border-top:1px solid var(--color-gray-200)}.card--padding-none .card__footer{padding:var(--space-6)}.card__footer:first-child{border-top:none}[data-theme=dark] .card{background-color:var(--color-bg-secondary)}[data-theme=dark] .card--bordered,[data-theme=dark] .card__header,[data-theme=dark] .card__footer{border-color:var(--color-gray-700)}.tool-card{height:100%;min-height:160px;position:relative;overflow:hidden}.tool-card__content{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-4);align-items:center;height:100%}.tool-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border-radius:var(--radius-md);font-size:24px;flex-shrink:0}.tool-card__icon svg{width:24px;height:24px}.tool-card__info{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.tool-card__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--space-2)}.tool-card__badge{font-size:var(--text-xs);font-weight:var(--font-medium);padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em}.tool-card__badge--new{background-color:var(--color-accent);color:#fff}.tool-card__badge--popular{background-color:var(--color-primary);color:#fff}.tool-card__badge--beta{background-color:var(--color-warning);color:#fff}.tool-card__description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-card__tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.tool-card__tag{font-size:var(--text-xs);color:var(--color-text-tertiary);background-color:var(--color-bg-tertiary);padding:2px 8px;border-radius:var(--radius-sm)}.tool-card__arrow{color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.tool-card:hover .tool-card__arrow{transform:translate(4px);color:var(--color-primary)}@media (max-width: 640px){.tool-card__content{grid-template-columns:1fr auto;grid-template-rows:auto 1fr}.tool-card__icon{grid-column:1;grid-row:1;width:40px;height:40px}.tool-card__arrow{grid-column:2;grid-row:1}.tool-card__info{grid-column:1 / -1;grid-row:2;margin-top:var(--space-2)}}[data-theme=dark] .tool-card__tag{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.dashboard{min-height:100vh;padding:var(--space-8) var(--space-4);max-width:1280px;margin:0 auto}.dashboard__header{text-align:center;margin-bottom:var(--space-12)}.dashboard__title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-3);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0}.dashboard__search{margin-bottom:var(--space-10);display:flex;justify-content:center}.search-box{position:relative;width:100%;max-width:600px}.search-box__icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.search-box__input{width:100%;height:48px;padding:0 var(--space-12);padding-left:calc(var(--space-4) + 28px);font-size:var(--text-base);font-family:var(--font-sans);background-color:var(--color-bg-secondary);border:2px solid var(--color-gray-200);border-radius:var(--radius-full);transition:all var(--transition-fast)}.search-box__input:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-bg-primary)}.search-box__input::placeholder{color:var(--color-text-tertiary)}.search-box__clear{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast)}.search-box__clear:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.dashboard__section{margin-bottom:var(--space-12)}.dashboard__section-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-6)}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.dashboard__empty{text-align:center;padding:var(--space-16) var(--space-4)}.dashboard__empty p{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.dashboard__clear-search{background-color:var(--color-primary);color:#fff;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.dashboard__clear-search:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.dashboard__footer{margin-top:var(--space-16);text-align:center;padding-top:var(--space-8);border-top:1px solid var(--color-gray-200)}.dashboard__info{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}@media (max-width: 1024px){.dashboard__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}}@media (max-width: 768px){.dashboard{padding:var(--space-6) var(--space-3)}.dashboard__title{font-size:var(--text-3xl)}.dashboard__subtitle{font-size:var(--text-base)}.dashboard__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 640px){.dashboard__grid{grid-template-columns:1fr}.dashboard__section{margin-bottom:var(--space-8)}}[data-theme=dark] .search-box__input{background-color:var(--color-bg-secondary);border-color:var(--color-gray-700);color:var(--color-text-primary)}[data-theme=dark] .search-box__input:focus{background-color:var(--color-bg-tertiary);border-color:var(--color-primary)}[data-theme=dark] .dashboard__footer{border-color:var(--color-gray-700)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--font-medium);text-align:center;text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{height:32px;padding:0 var(--space-3);font-size:var(--text-sm);gap:var(--space-1)}.btn--md{height:40px;padding:0 var(--space-4);font-size:var(--text-base)}.btn--lg{height:48px;padding:0 var(--space-6);font-size:var(--text-lg)}.btn--primary{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn--secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-gray-300)}.btn--secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-gray-400)}.btn--ghost{background-color:transparent;color:var(--color-text-primary)}.btn--ghost:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn--danger{background-color:var(--color-error);color:#fff}.btn--danger:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px)}.btn--full-width{width:100%}.btn__icon{display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;flex-shrink:0}.btn--icon-only{padding:0;aspect-ratio:1}.btn--icon-only.btn--sm{width:32px}.btn--icon-only.btn--md{width:40px}.btn--icon-only.btn--lg{width:48px}.btn--loading{color:transparent}.btn__loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.btn__spinner{width:1.25em;height:1.25em;animation:spin 1s linear infinite}.btn__spinner-circle{stroke:currentColor;stroke-linecap:round;stroke-dasharray:25 75;stroke-dashoffset:0}.btn--primary .btn__spinner-circle,.btn--danger .btn__spinner-circle{stroke:#fff}.navigation{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-gray-200);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffe6}.navigation__container{max-width:1280px;margin:0 auto;padding:var(--space-4);display:flex;justify-content:space-between;align-items:center}.navigation__logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);transition:color var(--transition-fast)}.navigation__logo:hover{color:var(--color-primary)}.navigation__logo svg{color:var(--color-primary)}.navigation__actions{display:flex;align-items:center;gap:var(--space-3)}.navigation__theme-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);position:relative}.navigation__theme-toggle:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.navigation__theme-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.navigation__theme-toggle svg{transition:transform var(--transition-base),opacity var(--transition-base)}.navigation__theme-toggle:active svg{transform:scale(.85) rotate(15deg)}[data-theme=dark] .navigation{background-color:#0f1419e6;border-color:var(--color-gray-700)}[data-theme=dark] .navigation__theme-toggle:hover{background-color:var(--color-bg-secondary)}@media (max-width: 640px){.navigation__container{padding:var(--space-3)}.navigation__logo span{display:none}}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-tooltip);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none;max-width:420px;width:calc(100vw - var(--space-8))}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;animation:slideIn var(--transition-base) ease-out;transition:all var(--transition-base)}.toast:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.toast--success{border-color:var(--color-success)}.toast--success .toast__icon{color:var(--color-success)}.toast--error{border-color:var(--color-error)}.toast--error .toast__icon{color:var(--color-error)}.toast--warning{border-color:var(--color-warning)}.toast--warning .toast__icon{color:var(--color-warning)}.toast--info{border-color:var(--color-primary)}.toast--info .toast__icon{color:var(--color-primary)}.toast__icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.toast__content{flex:1;min-width:0}.toast__message{margin:0;font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.5;word-wrap:break-word}.toast__close{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);margin:-2px -2px 0 0}.toast__close:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.toast__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}[data-theme=dark] .toast{background-color:var(--color-bg-secondary);border-color:var(--color-gray-700)}@media (max-width: 640px){.toast-container{left:var(--space-4);right:var(--space-4);width:auto}}.app{min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text-primary);display:flex;flex-direction:column}.app__main{flex:1;display:flex;flex-direction:column}.app-loading{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 73px);font-size:var(--text-lg);color:var(--color-text-secondary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #60a5fa;--color-secondary: #7c3aed;--color-secondary-dark: #6d28d9;--color-secondary-light: #a78bfa;--color-accent: #10b981;--color-accent-dark: #059669;--color-accent-light: #34d399;--color-error: #ef4444;--color-warning: #f59e0b;--color-success: #10b981;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-gray-950: #030712;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-bg-inverse: #111827;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-text-inverse: #ffffff;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}[data-theme=dark]{--color-bg-primary: #0f1419;--color-bg-secondary: #1a1f2e;--color-bg-tertiary: #242937;--color-bg-inverse: #ffffff;--color-text-primary: #ffffff;--color-text-secondary: #9ca3af;--color-text-tertiary: #6b7280;--color-text-inverse: #111827;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:1.2;margin-bottom:var(--space-4)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--color-primary);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){:root{--text-base: .875rem}}@media print{body{color:#000;background:#fff}}