:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-focus: #3b82f6;--color-success: #059669;--color-success-hover: #047857;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-text-primary: #1e293b;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-text-light: #cbd5e1;--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-muted: #f1f5f9;--color-bg-app: #eaeaead5;--color-border: rgba(226, 232, 240, .8);--color-border-light: rgba(241, 245, 249, .8);--color-overlay-dark: rgba(0, 0, 0, .5);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 40px;--space-5xl: 48px;--space-6xl: 64px;--text-xs: 10px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 15px;--text-xl: 16px;--text-2xl: 18px;--text-3xl: 20px;--text-4xl: 24px;--text-5xl: 28px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.6;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 30px;--radius-full: 50%;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 4px 16px rgba(0, 0, 0, .08);--shadow-md: 0 8px 24px rgba(15, 23, 42, .06);--shadow-lg: 0 20px 40px rgba(15, 23, 42, .08);--shadow-xl: 0 25px 50px rgba(15, 23, 42, .12);--shadow-2xl: 0 35px 70px rgba(15, 23, 42, .15);--shadow-button: 0 4px 16px rgba(59, 130, 246, .2);--shadow-button-hover: 0 6px 20px rgba(59, 130, 246, .4);--shadow-button-success: 0 4px 16px rgba(5, 150, 105, .3);--shadow-button-success-hover: 0 6px 20px rgba(5, 150, 105, .4);--shadow-button-danger: 0 4px 16px rgba(239, 68, 68, .3);--shadow-button-danger-hover: 0 6px 20px rgba(239, 68, 68, .4);--glass-bg: rgba(255, 255, 255, .95);--glass-bg-light: rgba(255, 255, 255, .85);--glass-border: 1px solid var(--color-border);--glass-shadow: var(--shadow-sm);--glass-backdrop: blur(10px);--container-max-width: 420px;--container-admin-width: 1200px;--card-width: 380px;--card-height: 480px;--header-height: 48px;--button-size-sm: 32px;--button-size: 48px;--button-size-lg: 56px;--transition-fast: .2s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--transition-swipe: .6s cubic-bezier(.25, .46, .45, .94);--motion-reduce: 1;--motion-duration-fast: var(--transition-fast);--motion-duration-smooth: var(--transition-smooth);--z-background: -1;--z-base: 0;--z-card-stack-1: 1;--z-card-stack-2: 2;--z-card-main: 3;--z-card-active: 4;--z-overlay: 10;--z-modal: 50;--bp-mobile: 640px;--bp-tablet: 768px;--bp-desktop: 1024px;--bp-wide: 1280px;--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-color: var(--color-focus);--focus-ring: var(--focus-ring-width) solid var(--focus-ring-color)}[data-theme=dark]{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-focus: #3b82f6;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #64748b;--color-text-light: #475569;--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-muted: #334155;--color-bg-app: #0f172ae6;--color-border: rgba(71, 85, 105, .4);--color-border-light: rgba(100, 116, 139, .3);--color-overlay-dark: rgba(0, 0, 0, .8);--glass-bg: rgba(15, 23, 42, .95);--glass-bg-light: rgba(30, 41, 59, .85);--glass-border: 1px solid rgba(71, 85, 105, .3);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--glass-backdrop: blur(10px)}@media (prefers-reduced-motion: reduce){:root{--motion-reduce: 0;--motion-duration-fast: 0s;--motion-duration-smooth: 0s;--transition-fast: none;--transition-smooth: none;--transition-bounce: none;--transition-swipe: .1s ease}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,button,input,textarea,select{margin:0;padding:0}html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--color-text-primary);background:var(--color-bg-app);min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 1px 1px,rgba(148,163,184,.35) 1px,transparent 0);background-size:20px 20px;z-index:var(--z-background);pointer-events:none}ul,ol{list-style:none}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{border:none;background:none;cursor:pointer}textarea:not([rows]){min-height:10em}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-appearance{appearance:none;-webkit-appearance:none;-moz-appearance:none}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.select-text{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.title{font-size:var(--text-4xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:2px;letter-spacing:-.02em;line-height:var(--leading-tight)}.subtitle{font-size:var(--text-md);color:var(--color-text-secondary);font-weight:var(--font-normal);line-height:var(--leading-tight)}.page-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary)}.section-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-lg)}.admin-title{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.text-body{font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--color-text-primary)}.text-small{font-size:var(--text-sm);line-height:var(--leading-normal)}.text-xs{font-size:var(--text-xs);line-height:var(--leading-normal)}.material-name{font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-tight);margin-bottom:var(--space-xs)}.material-category{font-size:var(--text-base);color:var(--color-text-secondary);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px}.material-subcategory{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-xs)}.material-description{font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--color-text-secondary);margin-bottom:var(--space-md);flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.material-description-full{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-2xl)}.material-meta{font-size:var(--text-md);color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-weight:var(--font-medium)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-light{color:var(--color-text-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.link{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}.link:hover{color:var(--color-primary-hover);text-decoration:underline}.source-link{color:var(--color-primary);text-decoration:none;font-size:var(--text-md);transition:color var(--transition-fast);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-bg-muted);display:block}.source-link:hover{color:var(--color-primary-hover);text-decoration:underline}.empty-text{color:var(--color-text-secondary);font-size:var(--text-xl);line-height:var(--leading-normal)}.no-sources{color:var(--color-text-muted);font-size:var(--text-md);font-style:italic}@media (max-width: 640px){.title{font-size:var(--text-3xl);text-align:left}.subtitle{text-align:left}.material-name{font-size:var(--text-2xl)}.admin-title{font-size:var(--text-4xl)}}.btn{border:none;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;display:flex;align-items:center;justify-content:center;position:relative;font-weight:var(--font-semibold);text-decoration:none}.btn:before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:linear-gradient(135deg,transparent,currentColor,transparent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.btn:hover:before{opacity:.3}.btn-sm{width:var(--button-size-sm);height:var(--button-size-sm);font-size:var(--text-md);border-radius:var(--radius-full)}.btn-md{width:var(--button-size);height:var(--button-size);font-size:var(--text-xl);border-radius:var(--radius-full)}.btn-lg{width:var(--button-size-lg);height:var(--button-size-lg);font-size:var(--text-3xl);border-radius:var(--radius-full)}.btn-round,.btn-sm,.btn-md,.btn-lg,.btn-pass,.btn-like,.btn-info,.back-btn,.clear-all-btn,.remove-btn-visible,.admin-back-btn{border-radius:var(--radius-full)}.btn-pill{padding:var(--space-lg) var(--space-2xl);border-radius:var(--radius-lg);font-size:var(--text-xl);font-weight:var(--font-semibold);min-height:var(--button-size);width:auto}.btn-block{width:100%;min-height:var(--button-size);border-radius:var(--radius-lg);font-size:var(--text-xl);font-weight:var(--font-semibold)}.btn-glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:var(--glass-border);box-shadow:var(--glass-shadow);color:var(--color-text-secondary);border-radius:var(--radius-full)}.btn-glass:hover{background:var(--color-bg-secondary);transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}[data-theme=dark] .btn-glass{background:#1e293bcc;border:1px solid rgba(148,163,184,.3);color:var(--color-text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .btn-glass:hover{background:#334155e6;border:1px solid rgba(148,163,184,.5);box-shadow:0 6px 20px #3b82f64d;color:var(--color-text-primary)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-button);border-radius:var(--radius-full)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-button-hover);transform:translateY(-2px) scale(1.05)}.btn-success{background:var(--color-success);color:#fff;box-shadow:var(--shadow-button-success);border-radius:var(--radius-full)}.btn-success:hover{background:var(--color-success-hover);box-shadow:var(--shadow-button-success-hover);transform:translateY(-2px)}.btn-danger{background:var(--color-danger);color:#fff;box-shadow:var(--shadow-button-danger);border-radius:var(--radius-full)}.btn-danger:hover{background:var(--color-danger-hover);box-shadow:var(--shadow-button-danger-hover);transform:translateY(-2px) scale(1.05)}.btn-secondary{background:var(--color-bg-primary);color:var(--color-text-secondary);border:var(--glass-border);box-shadow:var(--shadow-sm);border-radius:var(--radius-full)}.btn-secondary:hover{background:var(--color-bg-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-info{background:var(--color-bg-primary);color:var(--color-text-secondary);box-shadow:0 4px 16px #64748b26;border:1px solid rgba(100,116,139,.2);border-radius:var(--radius-full);width:var(--button-size);height:var(--button-size);display:flex;align-items:center;justify-content:center}.btn-info:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #64748b40}.btn:active{transform:translateY(0) scale(.95)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:disabled:hover{transform:none!important}.btn-pass{background:var(--color-danger);color:#fff;box-shadow:var(--shadow-button-danger);border:none;width:var(--button-size-lg);height:var(--button-size-lg);border-radius:var(--radius-full)}.btn-pass:hover{background:var(--color-danger-hover);box-shadow:var(--shadow-button-danger-hover);transform:translateY(-2px) scale(1.05)}.btn-like{background:var(--color-success);color:#fff;box-shadow:var(--shadow-button-success);border:none;width:var(--button-size-lg);height:var(--button-size-lg);border-radius:var(--radius-full)}.btn-like:hover{background:var(--color-success-hover);box-shadow:var(--shadow-button-success-hover);transform:translateY(-2px) scale(1.05)}.back-btn{width:var(--button-size);height:var(--button-size);border-radius:var(--radius-full);border:none;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--glass-shadow);border:var(--glass-border)}.back-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.admin-back-btn{width:var(--button-size);height:var(--button-size);border-radius:var(--radius-full);border:none;background:var(--color-bg-secondary);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.admin-back-btn:hover{background:#e2e8f0;transform:translateY(-2px)}.btn-new-material{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:var(--space-lg) var(--space-2xl);border-radius:var(--radius-lg);font-size:var(--text-xl);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-sm);box-shadow:0 4px 16px #10b9814d}.btn-new-material:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-logout{background:linear-gradient(135deg,var(--color-danger),var(--color-danger-hover));color:#fff;border:none;padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);font-size:var(--text-xl);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-button-danger)}.btn-logout:hover{transform:translateY(-2px);box-shadow:var(--shadow-button-danger-hover)}.clear-all-btn{width:var(--button-size);height:var(--button-size);border-radius:var(--radius-full);border:none;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-smooth);box-shadow:var(--glass-shadow);border:var(--glass-border);position:relative}.clear-all-btn:before{content:"";position:absolute;inset:-2px;border-radius:var(--radius-full);padding:2px;background:linear-gradient(135deg,transparent,var(--color-danger),transparent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.clear-all-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #0000001f;color:var(--color-danger)}.clear-all-btn:hover:before{opacity:.3}.clear-all-btn:active{transform:translateY(0) scale(.95)}.remove-btn-visible{flex-shrink:0;width:var(--button-size-sm);height:var(--button-size-sm);border-radius:var(--radius-full);border:none;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-smooth);box-shadow:var(--glass-shadow);border:var(--glass-border);position:relative}.remove-btn-visible:before{content:"";position:absolute;inset:-2px;border-radius:var(--radius-full);padding:2px;background:linear-gradient(135deg,transparent,var(--color-danger),transparent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.remove-btn-visible:hover{color:var(--color-danger);transform:translateY(-2px) scale(1.1);box-shadow:0 6px 20px #0000001f}.remove-btn-visible:hover:before{opacity:.3}.remove-btn-visible:active{transform:translateY(0) scale(.95)}.retry-btn{margin-top:var(--space-xl);background:var(--color-text-secondary);color:#fff;padding:var(--space-sm) var(--space-xl);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.retry-btn:hover{background:#475569}@media (max-width: 640px){.btn-md,.back-btn,.clear-all-btn{width:44px;height:44px}.remove-btn-visible{width:28px;height:28px}}.card{background:#fff;border-radius:var(--radius-3xl);border:var(--glass-border);overflow:hidden;position:relative;width:var(--card-width);height:var(--card-height);box-shadow:0 25px 50px #0f172a1f,0 10px 20px #0f172a0f,0 0 0 1px #e2e8f0cc;z-index:var(--z-card-active);transition:transform .3s cubic-bezier(.4,0,.2,1);animation:float 6s ease-in-out infinite;margin:0 auto}[data-theme=dark] .card{background:var(--color-bg-secondary)!important;color:var(--color-text-primary)!important;box-shadow:0 25px 50px #0009,0 10px 20px #0000004d,0 0 0 1px #94a3b833;border:1px solid rgba(148,163,184,.3)}[data-theme=dark] .card *{color:var(--color-text-primary)!important}[data-theme=dark] .card .material-description{color:var(--color-text-secondary)!important}[data-theme=dark] .card .material-category{color:var(--color-text-muted)!important}.card-main{width:var(--card-width);height:var(--card-height);background:#fff;box-shadow:0 25px 50px #0f172a1f,0 10px 20px #0f172a0f,0 0 0 1px #e2e8f0cc;border:var(--glass-border);z-index:var(--z-card-active);transition:transform .3s cubic-bezier(.4,0,.2,1);animation:float 6s ease-in-out infinite;margin:0 auto;border-radius:var(--radius-2xl)}.theme-transition .card,.theme-transition .card-main{animation:none!important;transition:all var(--transition-fast)!important}[data-theme=dark] .card-main{background:var(--color-bg-secondary)!important;color:var(--color-text-primary)!important;box-shadow:0 25px 50px #0009,0 10px 20px #0000004d,0 0 0 1px #94a3b833;border:1px solid rgba(148,163,184,.3)}[data-theme=dark] .card-main .card-title{color:var(--color-text-primary)!important}[data-theme=dark] .card-main .card-description{color:var(--color-text-secondary)!important}[data-theme=dark] .card-main .card-category{color:var(--color-text-muted)!important}[data-theme=dark] .card-main *{color:inherit!important}.card-main:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl),0 15px 30px #0f172a14,0 0 0 1px #e2e8f0cc}[data-theme=dark] .card-main:hover{box-shadow:0 35px 70px #000000b3,0 20px 40px #3b82f633,0 0 0 1px #94a3b866;border:1px solid rgba(148,163,184,.5)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);box-shadow:var(--glass-shadow);border:var(--glass-border)}.material-card{background:var(--color-bg-primary);border-radius:var(--radius-3xl);overflow:hidden;box-shadow:var(--shadow-lg);border:var(--glass-border);margin-bottom:var(--space-2xl);flex-grow:1;width:100%;max-width:var(--card-width);margin-left:auto;margin-right:auto}.material-details-container .material-card{margin-bottom:35px}[data-theme=dark] .material-card{background:var(--color-bg-secondary)!important;color:var(--color-text-primary)!important;box-shadow:0 25px 50px #0009,0 10px 20px #0000004d,0 0 0 1px #94a3b833;border:1px solid rgba(148,163,184,.3)}[data-theme=dark] .material-card *{color:var(--color-text-primary)!important}[data-theme=dark] .material-card .material-description{color:var(--color-text-secondary)!important}[data-theme=dark] .material-card .material-category{color:var(--color-text-muted)!important}.admin-form-container{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border-radius:var(--radius-2xl);padding:var(--space-3xl);margin-bottom:var(--space-3xl);box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.material-item{position:relative;background:var(--color-bg-primary);border-radius:var(--radius-3xl);padding:var(--space-xl);box-shadow:var(--shadow-lg);border:var(--glass-border);width:var(--card-width);margin:0 auto var(--space-xl) auto}.liked-list-container .material-item:hover{transform:none!important;box-shadow:var(--shadow-lg)!important;transition:none!important}.admin-materials-list{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.card-content{padding:var(--space-2xl);height:200px;display:flex;flex-direction:column}.material-content{padding:var(--space-2xl);display:flex;flex-direction:column}.material-item .material-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-xl);position:relative;padding:0}.card-image{width:calc(100% - 20px);height:270px;object-fit:cover;display:block;border-radius:var(--radius-2xl);margin-top:10px;margin-left:10px;margin-right:10px;transition:filter var(--transition-smooth)}[data-theme=dark] .card-image{filter:brightness(1.05) contrast(1.08) saturate(1.1)}.material-image-container{position:relative}.material-details-image{width:calc(100% - 20px);height:270px;object-fit:cover;display:block;border-radius:var(--radius-2xl);margin-top:10px;margin-left:10px;margin-right:10px}.admin-material-image{width:var(--button-size);height:var(--button-size);border-radius:var(--radius-md);object-fit:cover;background:var(--color-bg-muted)}.material-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);width:100%;min-height:52px}.material-header>div:first-child{flex:1}.material-header>.availability-badge{flex-shrink:0;margin-left:auto}.material-info{flex-grow:1;min-width:0}.loading-state,.round-complete,.no-materials{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--color-bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:var(--glass-border);z-index:var(--z-card-active);width:var(--card-width);margin:0 auto}.loading-spinner{width:var(--space-3xl);height:var(--space-3xl);border:3px solid #e2e8f0;border-top:3px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-bottom:var(--space-xl)}.complete-icon{margin-bottom:var(--space-xl);color:var(--color-text-secondary)}.card-background{position:absolute;width:var(--card-width);height:var(--card-height);background:var(--color-bg-primary);border-radius:var(--radius-3xl);border:1px solid #e2e8f0;box-shadow:var(--shadow-md);pointer-events:none;left:50%;transform-origin:center center}.card-background:nth-child(1){transform:translate(-50%) translateY(70px) translate(20px) scale(.88) rotate(6deg);z-index:var(--z-card-stack-1);opacity:.6;background:var(--color-bg-secondary);pointer-events:none}.card-background:nth-child(2){transform:translate(-50%) translateY(50px) translate(-12px) scale(.94) rotate(-3deg);z-index:var(--z-card-stack-2);opacity:.8;background:var(--color-bg-muted);pointer-events:none}.featured-badge{position:absolute;top:var(--space-xl);right:var(--space-xl);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}@media (max-width: 640px){.card-main,.material-card,.material-item,.card-background{width:100%;max-width:360px}.card-background:nth-child(1){transform:translate(-50%) translateY(35px) translate(16px) scale(.9) rotate(4deg)}.card-background:nth-child(2){transform:translate(-50%) translateY(18px) translate(-10px) scale(.95) rotate(-2deg)}.loading-state,.round-complete,.no-materials{width:100%;max-width:360px}.material-item .material-content{gap:var(--space-lg)}.admin-form-container{padding:var(--space-xl)}}.card,.card-main,.material-card{width:var(--card-width);margin:0 auto;position:relative}.card-stack{display:flex;justify-content:center;align-items:flex-start;padding-top:0}.tag{background:var(--color-bg-secondary);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);border:1px solid var(--color-border-light);display:inline-flex;align-items:center;white-space:nowrap}.tag-more{background:var(--color-bg-muted);color:var(--color-text-secondary)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:auto}.tags-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.application-tag{background:var(--color-bg-muted);color:var(--color-text-primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-medium);border:1px solid var(--color-border-light)}.source-link-tag{color:var(--color-primary);text-decoration:none;font-size:var(--text-base);transition:color var(--transition-fast);background:#eff6ff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid #bfdbfe;font-weight:var(--font-medium);display:inline-block}.source-link-tag:hover{color:var(--color-primary-hover);text-decoration:underline;background:#dbeafe}.admin-tag-button{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);border:none;font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.admin-tag-button.available{background:var(--color-bg-muted);color:var(--color-text-primary)}.admin-tag-button.available:hover{background:#e5e7eb}.admin-tag-button.disabled{background:#f9fafb;color:var(--color-text-muted);cursor:not-allowed}.admin-selected-tag{background:var(--color-primary);color:#fff;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);display:flex;align-items:center;gap:var(--space-sm)}.admin-selected-tag-remove{background:none;border:none;color:#fff;cursor:pointer;font-size:var(--text-xl);opacity:.7;transition:opacity var(--transition-fast);padding:0;line-height:1}.admin-tag-item{background:var(--color-bg-muted);color:var(--color-text-primary);padding:2px var(--space-sm);border-radius:var(--radius-xs);font-size:11px;font-weight:var(--font-medium)}.admin-tag-more{background:#e5e7eb;color:var(--color-text-secondary)}.availability-badge{background:var(--color-bg-secondary);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-size:11px;font-weight:var(--font-semibold);border:1px solid var(--color-border-light);white-space:nowrap}.availability-badge.available{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.availability-badge.project{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.availability-badge.request{background:#fef3c7;color:#92400e;border-color:#fed7aa}.admin-status-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--space-sm);font-size:11px;font-weight:var(--font-semibold);text-transform:uppercase}.admin-status-badge.active{background:#dcfce7;color:#166534}.admin-status-badge.draft{background:#fef3c7;color:#92400e}.admin-status-badge.archived{background:var(--color-bg-muted);color:var(--color-text-primary)}.admin-availability-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--space-sm);font-size:11px;font-weight:var(--font-semibold);background:var(--color-bg-muted);color:var(--color-text-primary)}.legacy-sustainability{display:flex;align-items:center;gap:var(--space-lg)}.sustainability-badge{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold)}.sustainability-badge.high{background:#f0fdf4;color:#166534}.sustainability-badge.medium{background:#fef3c7;color:#92400e}.sustainability-badge.low{background:#fef2f2;color:#dc2626}.price-info{font-size:var(--text-md);color:var(--color-text-secondary);font-weight:var(--font-medium)}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);margin-bottom:var(--space-3xl)}.admin-form-section{display:flex;flex-direction:column;gap:var(--space-xl)}.admin-form-input,.admin-form-textarea,.admin-form-select{padding:var(--space-lg) var(--space-xl);border:2px solid #e5e7eb;border-radius:var(--radius-lg);font-size:var(--text-md);transition:all var(--transition-fast);background:var(--color-bg-primary);color:var(--color-text-primary)}.admin-form-textarea{resize:vertical;min-height:100px;font-family:inherit}.admin-form-select{cursor:pointer}.admin-checkbox{width:18px;height:18px;border-radius:var(--radius-xs);cursor:pointer;accent-color:var(--color-primary)}.admin-image-upload{border:2px dashed #d1d5db;border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;transition:all var(--transition-fast);background:#f9fafb;cursor:pointer}.admin-image-upload:hover{border-color:var(--color-primary);background:#eff6ff}.admin-image-preview{text-align:center;margin-bottom:var(--space-xl)}.admin-preview-image{width:120px;height:180px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.btn-remove-image{background:none;border:none;color:var(--color-danger);cursor:pointer;font-size:var(--text-md);text-decoration:underline;padding:0}.admin-upload-icon{width:var(--button-size);height:var(--button-size);color:var(--color-text-muted);margin:0 auto var(--space-xl)}.admin-upload-text{color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-size:var(--text-xl)}.admin-file-input{display:block;width:100%;padding:var(--space-sm);border:1px solid #d1d5db;border-radius:var(--radius-md);background:var(--color-bg-primary);font-size:var(--text-md);cursor:pointer}.admin-sources-section{margin-top:var(--space-2xl)}.admin-source-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-lg)}.admin-source-input{padding:var(--space-md) var(--space-lg);border:2px solid #e5e7eb;border-radius:var(--radius-md);font-size:var(--text-base);transition:all var(--transition-fast)}.admin-source-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.admin-tags-section{margin-top:var(--space-3xl);padding-top:var(--space-3xl);border-top:2px solid var(--color-bg-muted)}.admin-tags-error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl)}.admin-tags-error-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:#991b1b;margin-bottom:var(--space-sm)}.admin-tags-error-item{font-size:var(--text-base);color:#b91c1c;margin-bottom:var(--space-xs)}.admin-tags-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-2xl)}.admin-tag-category{border:2px solid #e5e7eb;border-radius:var(--radius-xl);padding:var(--space-xl);background:var(--color-bg-primary)}.admin-selected-tags{margin-top:var(--space-2xl);padding:var(--space-xl);background:#eff6ff;border-radius:var(--radius-lg)}.admin-form-actions{display:flex;justify-content:flex-end;gap:var(--space-xl);margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:2px solid var(--color-bg-muted)}.btn-cancel{padding:var(--space-lg) var(--space-2xl);border:2px solid #d1d5db;background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:var(--radius-lg);font-size:var(--text-xl);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.btn-cancel:hover{background:#f9fafb;border-color:var(--color-text-muted)}.btn-save{padding:var(--space-lg) var(--space-2xl);border:none;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;border-radius:var(--radius-lg);font-size:var(--text-xl);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-button)}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.btn-save:disabled{background:var(--color-text-muted);cursor:not-allowed;box-shadow:none;transform:none}@media (max-width: 768px){.admin-form-container{padding:var(--space-xl)}.admin-form-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal-container{background:#fff;border-radius:16px;padding:24px;max-width:400px;width:100%;box-shadow:0 25px 50px -12px #00000040;transform:translateY(0);transition:all .3s ease}.modal-title{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:8px;line-height:1.4}.modal-subtitle{color:#6b7280;margin-bottom:16px;font-size:14px;line-height:1.5}.modal-content{display:flex;flex-direction:column;gap:16px}.modal-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease;outline:none}.modal-input:focus{border-color:var(--color-focus);box-shadow:0 0 0 var(--focus-ring-width) #3b82f61a;outline:var(--focus-ring-width) solid transparent;outline-offset:var(--focus-ring-offset)}.modal-button{width:100%;padding:12px 16px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.modal-button:hover{background:#2563eb}.modal-button:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.modal-button:active{transform:translateY(1px)}.modal-actions{margin-top:16px;text-align:center}.modal-secondary-button{background:none;border:none;color:#9ca3af;font-size:14px;cursor:pointer;transition:color .2s ease;padding:8px}.modal-secondary-button:hover{color:#6b7280}.modal-secondary-button:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:4px}.modal-footer{font-size:12px;color:#9ca3af;text-align:center;margin-top:8px;line-height:1.4}.survey-button{width:100%;padding:12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;text-align:left;cursor:pointer;transition:all .2s ease;font-size:14px;color:#1f2937}.survey-button:hover{background:#f9fafb;border-color:#d1d5db}.survey-button:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.survey-button.blue{background:#dbeafe;border-color:#bfdbfe}.survey-button.blue:hover{background:#bfdbfe}.survey-button.green{background:#d1fae5;border-color:#a7f3d0}.survey-button.green:hover{background:#a7f3d0}.survey-button.purple{background:#e9d5ff;border-color:#c4b5fd}.survey-button.purple:hover{background:#c4b5fd}@media (max-width: 480px){.modal-container{margin:16px;padding:20px}.modal-title{font-size:16px}}.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999;transition:transform .5s cubic-bezier(.68,-.55,.265,1.55)}.splash-logo{width:120px;height:120px;background-image:url(/Logo_MaterialCards.svg);background-size:contain;background-repeat:no-repeat;background-position:center;animation:logoFloat 2s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.02)}}.splash-screen.swoosh-out{transform:translateY(-100vh)}@media (max-width: 640px){.splash-logo{width:90px;height:90px}}@media (prefers-reduced-motion: reduce){.splash-logo{animation:none}.splash-screen.swoosh-out{transition:opacity .3s ease;transform:none;opacity:0}}.theme-toggle{position:fixed;top:20px;right:20px;width:48px;height:48px;border-radius:var(--radius-full);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:var(--glass-border);box-shadow:var(--glass-shadow);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-smooth);z-index:var(--z-overlay);color:var(--color-text-secondary)}.theme-toggle:hover{transform:translateY(-2px);box-shadow:0 12px 40px #3b82f633;color:var(--color-primary)}.theme-toggle:active{transform:translateY(0)}.theme-toggle:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.theme-icon{transition:all var(--transition-smooth)}.theme-toggle:hover .theme-icon{transform:scale(1.1) rotate(10deg)}[data-theme=dark] .theme-toggle{background:#1e293bcc;border:1px solid rgba(148,163,184,.3);box-shadow:0 8px 32px #0006;color:var(--color-text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .theme-toggle:hover{background:#334155e6;border:1px solid rgba(148,163,184,.5);box-shadow:0 12px 40px #3b82f666;color:var(--color-primary)}@media (max-width: 640px){.theme-toggle{top:auto;bottom:90px;right:16px;width:44px;height:44px}}@keyframes themeTransition{0%{opacity:.8;transform:scale(.95)}50%{opacity:.6;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.theme-transition *{animation:themeTransition .3s ease}body{transition:background-color var(--transition-smooth),color var(--transition-smooth)}*{transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.theme-transition *{animation:none!important;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease!important}.theme-transition .card-main{animation:none!important;transition:all .15s ease!important;transform:none!important}.theme-transition .card-main *{animation:none!important;transition:all .15s ease!important}.min-h-screen{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;width:100%;max-width:100vw}.bg-gradient-to-br{background:transparent}.p-4{padding:0;overflow:visible}.container{max-width:var(--container-max-width);width:100%;margin:0 auto;position:relative;padding:0;overflow:visible}.material-details-container{min-height:100vh;background:transparent;position:relative}.material-details-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 1px 1px,rgba(148,163,184,.15) 1px,transparent 0);background-size:20px 20px;z-index:var(--z-background)}.material-details-content{max-width:var(--container-max-width)!important;width:100%!important;margin:0 auto!important;padding:0!important;min-height:100vh;display:flex;flex-direction:column;overflow:visible}.liked-list-container{min-height:100vh;background:transparent;position:relative}.liked-list-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 1px 1px,rgba(148,163,184,.15) 1px,transparent 0);background-size:20px 20px;z-index:var(--z-background)}.liked-list-content{max-width:var(--container-max-width);width:100%;margin:0 auto;padding:0 var(--space-2xl);min-height:100vh;display:flex;flex-direction:column;overflow:visible}.admin-container{min-height:100vh;background:transparent;position:relative}.admin-content{max-width:var(--container-admin-width);width:100%;margin:0 auto;padding:0 var(--space-2xl);min-height:100vh;display:flex;flex-direction:column}.flex{display:flex}.flex-1{flex:1}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.space-x-2>*+*{margin-left:var(--space-xs)}.space-x-3>*+*{margin-left:var(--space-sm)}.space-x-4>*+*{margin-left:var(--space-md)}.space-x-8>*+*{margin-left:var(--space-2xl)}.space-y-2>*+*{margin-top:var(--space-xs)}.space-y-3>*+*{margin-top:var(--space-sm)}.space-y-4>*+*{margin-top:var(--space-md)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-2{gap:var(--space-xs)}.gap-4{gap:var(--space-md)}.gap-6{gap:var(--space-lg)}.gap-8{gap:var(--space-2xl)}.materials-list{flex-grow:1;margin-bottom:var(--space-2xl)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;text-align:center;padding:var(--space-6xl) var(--space-2xl)}.empty-icon{font-size:64px;color:var(--color-text-muted);margin-bottom:var(--space-xl);opacity:.7}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.z-10{z-index:var(--z-overlay)}.z-50{z-index:var(--z-modal)}.w-full{width:100%}.h-full{height:100%}.max-w-md{max-width:var(--card-width)}.max-w-sm{max-width:384px}.mx-auto{margin-left:auto;margin-right:auto}.overflow-visible{overflow:visible}.overflow-hidden{overflow:hidden}.overflow-x-visible{overflow-x:visible}@media (max-width: 640px){.container,.material-details-content,.liked-list-content{max-width:100%;padding:0}.admin-content{padding:0 var(--space-xl)}.p-4{padding:0;width:100%;max-width:100%}.space-x-sm-2>*+*{margin-left:var(--space-xs)}.space-y-sm-2>*+*{margin-top:var(--space-xs)}}@media (max-width: 768px){.grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}}.card-stack{position:relative;height:580px;margin-bottom:0;perspective:1000px;overflow:visible;width:100%}.actions{display:flex;justify-content:center;align-items:center;gap:var(--space-xl);margin-bottom:var(--space-3xl);margin-top:-40px}.modal-overlay{position:fixed;inset:0;background:var(--color-overlay-dark);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-md)}.modal-content{background:var(--color-bg-primary);border-radius:var(--radius-2xl);padding:var(--space-2xl);max-width:400px;width:100%;box-shadow:var(--shadow-2xl)}.container,.material-details-content,.liked-list-content,.page-content{max-width:var(--container-max-width)!important;margin:0 auto!important;padding:0!important}@media (max-width: 640px){.container,.material-details-content,.liked-list-content,.page-content{padding:0!important}.card,.material-card{width:100%!important;max-width:360px!important}}.header{display:flex;justify-content:space-between;align-items:center;margin:var(--space-3xl) var(--space-xl) var(--space-2xl) var(--space-xl);padding:0;min-height:var(--header-height);width:var(--card-width);max-width:var(--card-width)}.header>div:first-child{flex:1;text-align:left}.heart-count{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border-radius:var(--radius-2xl);padding:0;display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-secondary);box-shadow:var(--glass-shadow);border:var(--glass-border);cursor:pointer;transition:all var(--transition-fast)}.heart-count:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.details-header,.liked-header{display:flex;justify-content:space-between;align-items:center;margin:var(--space-3xl) var(--space-xl) 68px var(--space-xl);min-height:var(--header-height);width:var(--card-width);max-width:var(--card-width)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3xl);margin-bottom:var(--space-3xl);padding:var(--space-2xl);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border-radius:var(--radius-2xl);box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.admin-header-left,.admin-header-right{display:flex;align-items:center;gap:var(--space-xl)}.admin-list-header{padding:var(--space-2xl) var(--space-3xl);border-bottom:2px solid var(--color-bg-muted);background:var(--color-bg-secondary)}.admin-list-title{font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.admin-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3xl)}.admin-form-title{font-size:var(--text-4xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.btn-close-form{width:40px;height:40px;border-radius:var(--radius-full);border:none;background:#f1f5f9;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-close-form:hover{background:#e2e8f0;transform:rotate(90deg)}.admin-tags-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2xl)}.admin-tags-title{font-size:var(--text-3xl);font-weight:var(--font-semibold);color:#1f2937}.admin-tags-counter{font-size:var(--text-md);color:var(--color-text-secondary);background:var(--color-bg-muted);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md)}.admin-sources-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:#1f2937;margin-bottom:var(--space-xl)}.admin-tag-category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.admin-tag-category-name{font-size:var(--text-xl);font-weight:var(--font-semibold);color:#1f2937}.admin-tag-category-count{font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-weight:var(--font-semibold);background:var(--color-bg-muted);color:var(--color-text-primary)}.admin-tag-category-count.limit-reached{background:#fef2f2;color:#991b1b}.admin-selected-tags-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:#1e40af;margin-bottom:var(--space-lg)}.admin-table-header{background:var(--color-bg-secondary)}.admin-table-header th{padding:var(--space-xl) var(--space-2xl);text-align:left;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.breadcrumb{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);font-size:var(--text-md);color:var(--color-text-secondary)}.breadcrumb-separator{color:var(--color-text-muted)}.breadcrumb-link{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--color-primary-hover);text-decoration:underline}.breadcrumb-current{color:var(--color-text-primary);font-weight:var(--font-medium)}@media (max-width: 768px){.admin-header{flex-direction:column;gap:var(--space-xl);text-align:center}.admin-header-left,.admin-header-right{flex-direction:column;gap:var(--space-lg)}.admin-tags-header{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.admin-tag-category-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}@media (max-width: 640px){.details-header,.liked-header{margin-top:var(--space-2xl);width:100%;max-width:100%;margin-left:0;margin-right:0;padding:0 var(--space-lg)}.header{margin-top:var(--space-2xl);margin-left:auto;margin-right:auto;margin-bottom:var(--space-lg);padding:0 var(--space-lg);width:var(--card-width);max-width:360px}.header>div:first-child{text-align:left!important;flex:1}.header .title,.header .subtitle{text-align:left!important}.admin-form-header{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}}.footer{margin-top:var(--space-4xl);text-align:center;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding:0 var(--space-2xl) var(--space-3xl)}.footer-toggle-row{display:flex;gap:var(--space-md);justify-content:center;align-items:center;margin-bottom:var(--space-xl)}.footer-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);background:transparent;border:1px solid rgba(100,116,139,.3);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.footer-toggle:hover{border-color:#33415580}.footer-toggle-text{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium)}.footer-arrow{font-size:var(--text-xs);color:var(--color-text-secondary);transition:transform var(--transition-fast)}.footer-content{padding:var(--space-xl);background:transparent;border:none;border-radius:var(--radius-lg);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.disclaimer{font-size:11px;color:var(--color-text-secondary);line-height:1.4;margin-bottom:var(--space-sm)}.sub-disclaimer{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4;margin-bottom:var(--space-xl)}.footer-links{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.footer-link{font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;background:none;border:none;cursor:pointer;transition:color var(--transition-fast);font-family:inherit;padding:var(--space-xs) 0}.footer-link:hover{color:var(--color-text-primary);text-decoration:underline}.separator{font-size:var(--text-sm);color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.legal-page-footer{margin-top:var(--space-4xl);padding:var(--space-2xl);text-align:center;border-top:1px solid var(--color-border-light)}.legal-footer-link{color:var(--color-primary);text-decoration:none;font-size:var(--text-md);transition:color var(--transition-fast)}.legal-footer-link:hover{color:var(--color-primary-hover);text-decoration:underline}.admin-footer{margin-top:auto;padding:var(--space-2xl);text-align:center;border-top:1px solid var(--color-border-light);color:var(--color-text-muted);font-size:var(--text-sm)}@media (max-width: 640px){.footer{max-width:100%;padding:0 var(--space-xl) var(--space-3xl)}.footer-toggle-row{flex-direction:column;gap:var(--space-sm)}.footer-toggle{width:100%}.footer-links{gap:var(--space-xs)}.footer-link,.separator{font-size:11px}.disclaimer{font-size:10px}.sub-disclaimer{font-size:9px}}.container{max-width:var(--container-max-width);margin:0 auto;padding:0;position:relative}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3xl);padding:0;position:relative}.header>div{text-align:left}.title{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm);line-height:var(--leading-tight)}.subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);font-weight:var(--font-medium)}.heart-count{width:60px;height:60px;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:var(--glass-border);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-smooth);box-shadow:var(--glass-shadow);display:flex;align-items:center;justify-content:center;flex-shrink:0}.heart-count:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 40px #ef444433;color:#ef4444}.heart-count:active{transform:translateY(0) scale(1.02)}[data-theme=dark] .heart-count{background:#1e293bcc;border:1px solid rgba(148,163,184,.3);color:var(--color-text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0006}[data-theme=dark] .heart-count:hover{background:#334155e6;border:1px solid rgba(148,163,184,.5);transform:translateY(-2px) scale(1.05);box-shadow:0 12px 40px #ef44444d;color:#f87171}@media (max-width: 640px){.header{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-2xl);padding:0}.header>div{text-align:left}.title{font-size:var(--text-4xl)}.subtitle{font-size:var(--text-lg)}.heart-count{width:50px;height:50px;font-size:var(--text-lg)}}.retry-btn{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-2xl);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-smooth);margin-top:var(--space-xl)}.retry-btn:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.retry-btn:active{transform:translateY(0)}.card-wrapper{position:absolute;top:0;left:50%;transform:translate(-50%);width:var(--card-width);height:var(--card-height);z-index:var(--z-card-main);pointer-events:auto;overflow:visible;transition:all var(--transition-swipe);transform-origin:center center;will-change:transform,opacity;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swipe-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:var(--radius-3xl)}.overlay-icon{font-size:48px;margin-bottom:var(--space-sm);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.overlay-text{font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:scale(0);transition:transform .4s ease;border-radius:var(--radius-full)}@keyframes buttonPulseRed{0%{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-button-danger)}50%{transform:translateY(-4px) scale(1.15);box-shadow:var(--shadow-button-danger-hover)}to{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-button-danger)}}@keyframes buttonPulseGreen{0%{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-button-success)}50%{transform:translateY(-4px) scale(1.15);box-shadow:var(--shadow-button-success-hover)}to{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-button-success)}}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.material-item.removing{animation:slideOut .3s ease forwards}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@media (max-width: 640px){.card-wrapper{width:100%;max-width:360px}.overlay-icon{font-size:36px}.overlay-text{font-size:var(--text-2xl);letter-spacing:1px}@keyframes swipeLeftEffect{0%{transform:translate(-50%) translate(0) rotate(0) scale(1);opacity:1}30%{transform:translate(-50%) translate(-15vw) rotate(-6deg) scale(.95);opacity:.9}to{transform:translate(-50%) translate(-110vw) rotate(-25deg) scale(.7);opacity:0}}@keyframes swipeRightEffect{0%{transform:translate(-50%) translate(0) rotate(0) scale(1);opacity:1}30%{transform:translate(-50%) translate(15vw) rotate(6deg) scale(.95);opacity:.9}to{transform:translate(-50%) translate(110vw) rotate(25deg) scale(.7);opacity:0}}}@media (prefers-reduced-motion: reduce){.card-wrapper.swipe-left,.card-wrapper.swipe-right{animation-duration:.3s}.overlay-content{transition:none}.btn-pass:active,.btn-like:active,.animate-bounce{animation:none}}.survey-modal{position:fixed;inset:0;background:var(--color-overlay-dark);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-md)}.survey-content{background:var(--color-bg-primary);border-radius:var(--radius-2xl);padding:var(--space-2xl);max-width:400px;width:100%;box-shadow:var(--shadow-2xl)}.survey-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.survey-description{color:var(--color-text-secondary);margin-bottom:var(--space-md);font-size:var(--text-sm)}.survey-options{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.survey-option{width:100%;padding:var(--space-lg);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:var(--radius-lg);text-align:left;transition:all var(--transition-fast);cursor:pointer;font-size:var(--text-md)}.survey-option:hover{background:#e2e8f0}.survey-option.student{background:#eff6ff;border-color:#bfdbfe}.survey-option.student:hover{background:#dbeafe}.survey-option.professional{background:#f0fdf4;border-color:#bbf7d0}.survey-option.professional:hover{background:#dcfce7}.survey-option.freelancer{background:#faf5ff;border-color:#e9d5ff}.survey-option.freelancer:hover{background:#f3e8ff}.survey-footer{margin-top:var(--space-md);text-align:center}.survey-skip{color:var(--color-text-muted);font-size:var(--text-sm);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.survey-skip:hover{color:var(--color-text-secondary)}.survey-note{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;margin-top:var(--space-xs)}.main-loading-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--color-bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:var(--glass-border);z-index:var(--z-card-active);width:var(--card-width);margin:0 auto}.main-loading-text{color:var(--color-text-secondary);font-size:var(--text-xl);margin-top:var(--space-xl)}.main-round-complete{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--color-bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:var(--glass-border);z-index:var(--z-card-active);width:var(--card-width);margin:0 auto}.round-complete-title{font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.round-complete-text{color:var(--color-text-secondary);font-size:var(--text-xl)}.main-no-materials{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--color-bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:var(--glass-border);z-index:var(--z-card-active);width:var(--card-width);margin:0 auto}.no-materials-text{color:var(--color-text-secondary);font-size:var(--text-xl);margin-bottom:var(--space-xl)}.main-card-content{padding:var(--space-2xl);height:200px;display:flex;flex-direction:column}.main-material-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg)}.main-material-description{font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--color-text-secondary);margin-bottom:var(--space-md);flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.main-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:auto}.main-tag{background:var(--color-bg-secondary);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);border:1px solid var(--color-border-light)}.main-tag-more{background:var(--color-bg-muted);color:var(--color-text-secondary)}@keyframes mainCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.main-card{animation:mainCardFloat 6s ease-in-out infinite}.main-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl)}@media (max-width: 640px){.survey-content{padding:var(--space-xl);margin:var(--space-md)}.survey-title{font-size:var(--text-xl)}.survey-option{padding:var(--space-md);font-size:var(--text-sm)}.main-loading-state,.main-round-complete,.main-no-materials{width:100%;max-width:360px}.main-card-content{padding:var(--space-xl)}}.details-material-description{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-2xl)}.details-material-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl);width:100%;height:52px;min-height:52px}.details-material-header>div:first-child{flex:1}.details-material-header>.availability-badge{flex-shrink:0;margin-left:auto}.details-material-name{font-size:var(--text-4xl);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-tight);margin-bottom:var(--space-sm)}.details-section{margin-bottom:var(--space-2xl)}.details-section-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-lg)}.properties-list{display:flex;flex-direction:column;gap:var(--space-sm)}.property-item{display:flex;justify-content:space-between;padding:var(--space-lg) 0;border-bottom:1px solid var(--color-bg-muted)}.property-key{font-weight:var(--font-medium);color:var(--color-text-secondary)}.property-value{color:var(--color-text-primary);text-align:right}.details-sources{display:flex;flex-direction:column;gap:var(--space-sm)}.details-source-link{color:var(--color-primary);text-decoration:none;font-size:var(--text-md);transition:color var(--transition-fast);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-bg-muted);display:block}.details-source-link:hover{color:var(--color-primary-hover);text-decoration:underline}.details-no-sources{color:var(--color-text-muted);font-size:var(--text-md);font-style:italic}.details-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.material-details-container .tags{margin-bottom:var(--space-2xl)}.details-tag{background:var(--color-bg-secondary);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-medium);border:1px solid var(--color-border-light)}.details-applications-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.details-application-tag{background:var(--color-bg-muted);color:var(--color-text-primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-medium);border:1px solid var(--color-border-light)}.details-legacy-sustainability{display:flex;align-items:center;gap:var(--space-lg)}.details-price-info{font-size:var(--text-md);color:var(--color-text-secondary);font-weight:var(--font-medium)}.details-availability-badge{background:var(--color-bg-secondary);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);border:1px solid var(--color-border-light);white-space:nowrap}.details-availability-badge.available{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.details-availability-badge.project{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.details-availability-badge.request{background:#fef3c7;color:#92400e;border-color:#fed7aa}.details-featured-badge{position:absolute;top:var(--space-xl);right:var(--space-xl);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}@media (max-width: 640px){.details-material-name{font-size:var(--text-3xl)}.details-section-title{font-size:var(--text-lg)}.details-tags,.details-applications-tags{gap:var(--space-xs)}.details-tag,.details-application-tag{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm)}.property-item{flex-direction:column;gap:var(--space-xs);padding:var(--space-md) 0}.property-value{text-align:left}.details-legacy-sustainability{flex-direction:column;align-items:flex-start;gap:var(--space-md)}}.liked-material-item{position:relative;background:var(--color-bg-primary);border-radius:var(--radius-2xl);padding:var(--space-xl);box-shadow:var(--shadow-lg);border:var(--glass-border);width:var(--card-width);margin:0 auto var(--space-xl) auto}.liked-list-container .liked-material-item:hover{transform:none!important;box-shadow:var(--shadow-lg)!important;transition:none!important}.liked-material-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-xl);position:relative;padding:0}.liked-material-info{flex-grow:1;min-width:0}.liked-material-name{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm);line-height:var(--leading-tight);letter-spacing:-.01em}.liked-material-meta{font-size:var(--text-md);color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-weight:var(--font-medium)}.liked-material-sources{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.liked-source-link{color:var(--color-primary);text-decoration:none;font-size:var(--text-base);transition:color var(--transition-fast);background:#eff6ff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid #bfdbfe;font-weight:var(--font-medium);display:inline-block}.liked-source-link:hover{color:var(--color-primary-hover);text-decoration:underline;background:#dbeafe}.liked-actions{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--color-bg-muted);width:var(--card-width);margin-left:auto;margin-right:auto}.liked-btn{width:100%;height:var(--button-size);border-radius:var(--radius-lg);font-size:var(--text-xl);font-weight:var(--font-semibold);text-decoration:none;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);border:none;cursor:pointer;font-family:inherit}.liked-btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-button)}.liked-btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.liked-btn-secondary{background:var(--color-bg-primary);color:var(--color-text-secondary);box-shadow:0 4px 16px #64748b1a;border:var(--glass-border)}.liked-btn-secondary:hover{background:var(--color-bg-secondary);box-shadow:0 6px 20px #64748b26;transform:translateY(-1px)}.materials-list{position:relative;padding-top:var(--space-xl)}.liked-card-wrapper{width:var(--card-width);margin:0 auto;position:relative;margin-bottom:calc(-1 * var(--card-height) + 120px);transition:all .3s cubic-bezier(.4,0,.2,1)}.liked-card-wrapper:last-child{margin-bottom:var(--space-3xl)}.liked-card-wrapper:hover{z-index:100}.liked-info-btn{position:absolute;top:var(--space-lg);left:var(--space-lg);z-index:10;width:40px;height:40px;border-radius:var(--radius-full);background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(226,232,240,.8);color:var(--color-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #0f172a1a;font-weight:var(--font-semibold);font-size:var(--text-lg)}.liked-info-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.1);box-shadow:0 6px 16px #3b82f64d}[data-theme=dark] .liked-info-btn{background:#1e293bf2;border:1px solid rgba(148,163,184,.3);color:var(--color-primary)}[data-theme=dark] .liked-info-btn:hover{background:var(--color-primary);color:#fff;border:1px solid rgba(59,130,246,.5)}.liked-card-wrapper:nth-child(2n) .card{transform:translate(4px)}.liked-card-wrapper:nth-child(odd) .card{transform:translate(-4px)}.liked-remove-btn{position:absolute;top:var(--space-lg);right:var(--space-lg);z-index:10;width:40px;height:40px;border-radius:var(--radius-full);background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(226,232,240,.8);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #0f172a1a}.liked-remove-btn:hover{background:#ef4444f2;color:#fff;transform:scale(1.1);box-shadow:0 6px 16px #ef44444d}[data-theme=dark] .liked-remove-btn{background:#1e293bf2;border:1px solid rgba(148,163,184,.3);color:var(--color-text-secondary)}[data-theme=dark] .liked-remove-btn:hover{background:#ef4444f2;color:#fff;border:1px solid rgba(239,68,68,.5)}.liked-card-wrapper.removing{animation:likedSlideOut .3s ease forwards}@keyframes likedSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.modal-overlay{position:fixed;inset:0;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:80px var(--space-xl) var(--space-xl) var(--space-xl);overflow-y:auto;animation:fadeIn .2s ease}[data-theme=dark] .modal-overlay{background:#000c}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-bg-primary);border-radius:var(--radius-3xl);box-shadow:0 25px 50px #0000004d;max-width:380px;width:100%;margin:0 auto;position:relative;animation:slideUp .3s cubic-bezier(.4,0,.2,1);overflow:hidden;padding:0}[data-theme=dark] .modal-content{background:var(--color-bg-secondary);box-shadow:0 25px 50px #0009}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{position:fixed;top:var(--space-xl);left:var(--space-xl);z-index:1001;width:44px;height:44px;border-radius:var(--radius-full);background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(226,232,240,.8);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #0f172a1a}.modal-close-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.05);box-shadow:0 6px 16px #3b82f64d}[data-theme=dark] .modal-close-btn{background:#1e293bf2;border:1px solid rgba(148,163,184,.3)}[data-theme=dark] .modal-close-btn:hover{background:var(--color-primary);border:1px solid rgba(59,130,246,.5)}.modal-scroll-container{padding:0}.modal-content .material-card{margin:0;padding:0;box-shadow:none;border:none;width:380px;max-width:380px;border-radius:var(--radius-3xl);overflow:hidden}.modal-content .material-image-container{margin:0;padding:0}.modal-content .material-details-image{width:calc(100% - 20px);height:270px;margin-top:10px;margin-left:10px;margin-right:10px;border-radius:var(--radius-2xl);object-fit:cover;display:block}.modal-content .material-content{padding:var(--space-2xl)}.modal-content .tags{margin-bottom:var(--space-2xl)}.sources-section{margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid var(--color-bg-muted)}@media (max-width: 640px){.liked-material-item{width:100%;max-width:360px;padding:var(--space-xl);border-radius:var(--radius-xl)}.liked-card-wrapper{width:100%;max-width:360px}.liked-info-btn{width:36px;height:36px;top:var(--space-md);left:var(--space-md)}.liked-remove-btn{width:36px;height:36px;top:var(--space-md);right:var(--space-md)}.liked-actions{width:100%;max-width:360px}.liked-material-content{gap:var(--space-lg)}.liked-material-name{font-size:var(--text-xl)}.liked-material-meta{font-size:var(--text-base)}.liked-source-link{font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm)}.liked-btn{font-size:var(--text-lg)}.modal-overlay{padding:0}.modal-content{max-width:100%;max-height:100vh;border-radius:0}.modal-scroll-container{max-height:100vh;padding:var(--space-lg)}.modal-close-btn{width:40px;height:40px;top:var(--space-md);right:var(--space-md)}}.admin-loading{padding:var(--space-5xl);text-align:center}.admin-loading-spinner{width:var(--space-3xl);height:var(--space-3xl);border:3px solid #e5e7eb;border-top:3px solid var(--color-primary);border-radius:var(--radius-full);animation:adminSpin 1s linear infinite;margin:0 auto var(--space-xl)}@keyframes adminSpin{to{transform:rotate(360deg)}}.admin-table-row{border-bottom:1px solid var(--color-bg-muted);transition:background var(--transition-fast)}.admin-table-row:hover{background:var(--color-bg-secondary)}.admin-table-cell{padding:var(--space-xl) var(--space-2xl);vertical-align:top}.admin-material-info{display:flex;align-items:center;gap:var(--space-xl)}.admin-material-details h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:#1f2937;margin:0 0 var(--space-xs) 0;display:flex;align-items:center;gap:var(--space-sm)}.admin-material-description{font-size:var(--text-base);color:var(--color-text-secondary);margin:0;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-category-main{font-weight:var(--font-semibold);color:#1f2937}.admin-category-sub{font-size:var(--text-base);color:var(--color-text-secondary);margin-top:var(--space-xs)}.admin-action-btn{width:var(--space-3xl);height:var(--space-3xl);border:none;border-radius:var(--space-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;font-size:var(--text-md)}.admin-action-btn.edit{background:#eff6ff;color:#2563eb}.admin-action-btn.edit:hover{background:#dbeafe}.admin-action-btn.delete{background:#fef2f2;color:#dc2626}.admin-action-btn.delete:hover{background:#fee2e2}.admin-action-btn.source{background:var(--color-bg-muted);color:var(--color-text-secondary)}.admin-action-btn.source:hover{background:#e5e7eb}.admin-featured-star{color:var(--color-warning);font-size:var(--text-xl)}@media (max-width: 1024px){.admin-form-grid,.admin-tags-grid{grid-template-columns:1fr}.admin-table-cell{padding:var(--space-lg) var(--space-xl)}}@media (max-width: 768px){.admin-content{padding:0 var(--space-xl)}.admin-header{flex-direction:column;gap:var(--space-xl);text-align:center}.admin-form-container{padding:var(--space-xl)}.admin-material-info{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.admin-table{font-size:var(--text-sm)}.admin-table-cell{padding:var(--space-lg) var(--space-md)}.admin-material-description{max-width:200px}.admin-action-btn{width:28px;height:28px;font-size:var(--text-sm)}}.submit-container{min-height:100vh;background:transparent;padding:var(--space-2xl);position:relative}.submit-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 1px 1px,rgba(148,163,184,.15) 1px,transparent 0);background-size:20px 20px;z-index:var(--z-background)}.submit-content{max-width:var(--container-max-width);margin:0 auto;position:relative;z-index:1}.submit-header{display:flex;justify-content:space-between;align-items:center;margin:var(--space-3xl) var(--space-xl) 68px var(--space-xl);min-height:var(--header-height);width:var(--card-width);max-width:var(--card-width)}.submit-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.submit-success,.submit-error{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border-radius:var(--radius-2xl);padding:var(--space-3xl);text-align:center;box-shadow:var(--shadow-lg);border:var(--glass-border)}.submit-success{border-left:4px solid var(--color-success)}.submit-error{border-left:4px solid var(--color-danger)}.success-icon,.error-icon{margin:0 auto var(--space-xl);width:64px;height:64px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.success-icon{background:#0596691a;color:var(--color-success)}.error-icon{background:#ef44441a;color:var(--color-danger)}.success-title,.error-title{font-size:var(--text-3xl);font-weight:var(--font-semibold);margin-bottom:var(--space-lg);color:var(--color-text-primary)}.success-message,.error-message{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-2xl)}.submit-form-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border-radius:var(--radius-2xl);padding:var(--space-xl) var(--space-xl) var(--space-3xl) var(--space-xl);margin:0 var(--space-xl);box-shadow:var(--shadow-lg);border:var(--glass-border);width:var(--card-width);max-width:var(--card-width)}.submit-intro{color:var(--color-text-secondary);margin-bottom:var(--space-3xl);line-height:var(--leading-relaxed)}.submit-form{display:flex;flex-direction:column;gap:var(--space-2xl)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-label{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary)}.form-label-required:after{content:" *";color:var(--color-danger)}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-xs)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-lg);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-md);color:var(--color-text-primary);transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-textarea{min-height:120px;resize:vertical;font-family:inherit;line-height:var(--leading-relaxed)}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea,[data-theme=dark] .form-select{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-textarea:focus,[data-theme=dark] .form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f633}.image-upload-area{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3xl);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:var(--color-bg-secondary)}.image-upload-area:hover{border-color:var(--color-primary);background:var(--color-bg-muted)}.image-upload-icon{margin:0 auto var(--space-lg);color:var(--color-text-muted)}.image-upload-text{font-size:var(--text-md);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.image-upload-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.image-preview-container{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-secondary);border:1px solid var(--color-border)}.image-preview{width:100%;height:200px;object-fit:cover;display:block}.image-preview-remove{position:absolute;top:var(--space-sm);right:var(--space-sm);width:32px;height:32px;border-radius:var(--radius-full);background:#ef4444e6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.image-preview-remove:hover{background:var(--color-danger);transform:scale(1.1)}.form-section{border-top:1px solid var(--color-border);padding-top:var(--space-2xl)}.form-section-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-lg)}.submit-button{width:100%;padding:var(--space-xl);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-smooth);box-shadow:var(--shadow-button)}.submit-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.submit-footer-note{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.btn-back-success{padding:var(--space-lg) var(--space-3xl);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-smooth)}.btn-back-success:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}@media (max-width: 640px){.submit-container{padding:var(--space-lg)}.submit-header{margin-top:var(--space-2xl);margin-left:auto;margin-right:auto;width:100%;max-width:360px;padding:0 var(--space-lg)}.submit-title{font-size:var(--text-3xl)}.submit-form-card{padding:var(--space-2xl);margin:0 auto;width:100%;max-width:360px}.form-input,.form-textarea,.form-select{padding:var(--space-md)}.image-upload-area{padding:var(--space-2xl)}.submit-button{padding:var(--space-lg)}}@media (max-width: 640px){.header{display:flex!important;justify-content:space-between!important;align-items:center!important}.header>div:first-child{text-align:left!important}.header h1.title,.header .title,.header p.subtitle,.header .subtitle{text-align:left!important}}.admin-container{min-height:100vh;background:transparent;position:relative;padding-top:160px}.admin-content{max-width:1200px;width:100%;margin:0 auto;padding:0 var(--space-xl);min-height:100vh;display:flex;flex-direction:column;position:relative}.admin-header{position:fixed;top:0;left:50%;transform:translate(-50%);max-width:1200px;width:100%;z-index:100;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);box-shadow:var(--shadow-lg);border-bottom:var(--glass-border);box-sizing:border-box}.admin-header-top{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl)}[data-theme=dark] .admin-header{background:#0f172acc;border-bottom:1px solid rgba(148,163,184,.2)}.admin-header-left{display:flex;align-items:center;gap:var(--space-lg)}.admin-back-btn{width:var(--button-size);height:var(--button-size);border-radius:var(--radius-full);border:none;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:var(--glass-border);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--glass-shadow)}.admin-back-btn:hover{background:var(--color-bg-secondary);transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}[data-theme=dark] .admin-back-btn{background:#1e293bcc;border:1px solid rgba(148,163,184,.3)}[data-theme=dark] .admin-back-btn:hover{background:#334155e6;border:1px solid rgba(148,163,184,.5);box-shadow:0 6px 20px #3b82f64d}.admin-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.admin-header-right{display:flex;align-items:center;gap:var(--space-lg)}.btn-new-material{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:var(--glass-border);color:var(--color-text-secondary);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-size:var(--text-md);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-sm);box-shadow:var(--glass-shadow)}.btn-new-material:hover{background:var(--color-bg-secondary);transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}[data-theme=dark] .btn-new-material{background:#1e293bcc;border:1px solid rgba(148,163,184,.3);color:var(--color-text-secondary)}[data-theme=dark] .btn-new-material:hover{background:#334155e6;border:1px solid rgba(148,163,184,.5);box-shadow:0 6px 20px #3b82f64d;color:var(--color-text-primary)}.btn-logout{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:var(--glass-border);color:var(--color-text-secondary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--text-md);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-sm);box-shadow:var(--glass-shadow)}.btn-logout:hover{background:var(--color-bg-secondary);transform:translateY(-2px);box-shadow:0 6px 20px #0000001f;color:var(--color-danger)}[data-theme=dark] .btn-logout{background:#1e293bcc;border:1px solid rgba(148,163,184,.3);color:var(--color-text-secondary)}[data-theme=dark] .btn-logout:hover{background:#334155e6;border:1px solid rgba(148,163,184,.5);box-shadow:0 6px 20px #ef44444d;color:var(--color-danger)}.admin-tabs{display:flex;gap:var(--space-sm);padding:0 var(--space-xl);border-top:1px solid var(--color-border)}.admin-tab{padding:var(--space-md) var(--space-xl);background:none;border:none;border-bottom:3px solid transparent;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.admin-tab:hover{color:var(--color-primary);background:var(--color-bg-muted)}.admin-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}[data-theme=dark] .admin-tab:hover{background:#3b82f61a}.admin-submissions-panel{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm)}[data-theme=dark] .admin-submissions-panel{background:#1e293b80}.admin-form-container{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border-radius:var(--radius-2xl);padding:var(--space-2xl);margin-bottom:var(--space-2xl);box-shadow:var(--shadow-lg);border:var(--glass-border)}[data-theme=dark] .admin-form-container{background:#1e293bcc;border:1px solid rgba(148,163,184,.2)}.admin-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2xl)}.admin-form-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.btn-close-form{width:40px;height:40px;border-radius:var(--radius-full);border:none;background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-close-form:hover{background:var(--color-bg-muted);transform:rotate(90deg)}[data-theme=dark] .btn-close-form{background:#33415599}[data-theme=dark] .btn-close-form:hover{background:#475569cc}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.admin-form-section{display:flex;flex-direction:column;gap:var(--space-lg)}.admin-form-group{display:flex;flex-direction:column}.admin-form-label{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.admin-form-input,.admin-form-textarea,.admin-form-select{padding:var(--space-md) var(--space-lg);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-md);transition:all var(--transition-fast);background:var(--color-bg-primary);color:var(--color-text-primary)}.admin-form-input:focus,.admin-form-textarea:focus,.admin-form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .admin-form-input,[data-theme=dark] .admin-form-textarea,[data-theme=dark] .admin-form-select{background:var(--color-bg-secondary);border-color:#94a3b84d}[data-theme=dark] .admin-form-input:focus,[data-theme=dark] .admin-form-textarea:focus,[data-theme=dark] .admin-form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f633}.admin-form-textarea{resize:vertical;min-height:100px;font-family:inherit;line-height:var(--leading-relaxed)}.admin-checkbox-group{display:flex;align-items:center;gap:var(--space-sm)}.admin-checkbox{width:18px;height:18px;border-radius:var(--radius-sm);cursor:pointer}.admin-image-upload{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;transition:all var(--transition-fast);background:var(--color-bg-secondary);cursor:pointer}.admin-image-upload:hover{border-color:var(--color-primary);background:var(--color-bg-muted)}[data-theme=dark] .admin-image-upload{background:#1e293b80;border-color:#94a3b84d}[data-theme=dark] .admin-image-upload:hover{border-color:var(--color-primary);background:#33415580}.admin-image-preview{text-align:center;margin-bottom:var(--space-lg)}.admin-preview-image{width:120px;height:180px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:var(--space-md);border:2px solid var(--color-border)}.btn-remove-image{background:none;border:none;color:var(--color-danger);cursor:pointer;font-size:var(--text-sm);text-decoration:underline;transition:opacity var(--transition-fast)}.btn-remove-image:hover{opacity:.7}.admin-upload-icon{width:48px;height:48px;color:var(--color-text-muted);margin:0 auto var(--space-lg)}.admin-upload-text{color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-size:var(--text-md)}.admin-file-input{display:block;width:100%;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer}[data-theme=dark] .admin-file-input{background:#1e293bcc;border-color:#94a3b84d}.admin-sources-section{margin-top:var(--space-xl)}.admin-sources-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-lg)}.admin-source-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.admin-source-input{padding:var(--space-sm) var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-bg-primary);color:var(--color-text-primary);transition:all var(--transition-fast)}.admin-source-input:focus{outline:none;border-color:var(--color-primary)}[data-theme=dark] .admin-source-input{background:var(--color-bg-secondary);border-color:#94a3b84d}.admin-form-actions{display:flex;justify-content:flex-end;gap:var(--space-lg);margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:2px solid var(--color-border)}.btn-cancel{padding:var(--space-md) var(--space-xl);border:2px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.btn-cancel:hover{background:var(--color-bg-secondary);border-color:var(--color-text-muted)}[data-theme=dark] .btn-cancel{background:#1e293bcc;border-color:#94a3b84d}[data-theme=dark] .btn-cancel:hover{background:#334155e6;border-color:#94a3b880}.btn-save{padding:var(--space-md) var(--space-xl);border:none;background:var(--color-primary);color:#fff;border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-button)}.btn-save:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.btn-save:disabled{background:var(--color-text-muted);cursor:not-allowed;box-shadow:none}.admin-tags-section{margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:2px solid var(--color-border)}.admin-tags-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.admin-tags-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary)}.admin-tags-counter{font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md)}[data-theme=dark] .admin-tags-counter{background:#33415599}.admin-tags-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}[data-theme=dark] .admin-tags-error{background:#ef444426;border-color:#ef444466}.admin-tags-error-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-danger);margin-bottom:var(--space-sm)}.admin-tags-error-list{list-style:none;padding:0;margin:0}.admin-tags-error-item{font-size:var(--text-sm);color:var(--color-danger);margin-bottom:var(--space-xs)}.admin-tags-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl)}.admin-tag-category{border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);background:var(--color-bg-primary)}[data-theme=dark] .admin-tag-category{background:#1e293b80;border-color:#94a3b84d}.admin-tag-category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.admin-tag-category-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.admin-tag-category-count{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-weight:var(--font-semibold);background:var(--color-bg-secondary);color:var(--color-text-secondary)}.admin-tag-category-count.limit-reached{background:#ef44441a;color:var(--color-danger)}[data-theme=dark] .admin-tag-category-count{background:#33415599}[data-theme=dark] .admin-tag-category-count.limit-reached{background:#ef444433}.admin-tag-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.admin-tag-button{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:none;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.admin-tag-button.selected{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #3b82f64d}.admin-tag-button.available{background:var(--color-bg-secondary);color:var(--color-text-primary)}.admin-tag-button.available:hover{background:var(--color-bg-muted)}.admin-tag-button.disabled{background:var(--color-bg-muted);color:var(--color-text-muted);cursor:not-allowed}[data-theme=dark] .admin-tag-button.available{background:#33415599}[data-theme=dark] .admin-tag-button.available:hover{background:#475569cc}.admin-selected-tags{margin-top:var(--space-xl);padding:var(--space-lg);background:#3b82f60d;border-radius:var(--radius-lg);border:1px solid rgba(59,130,246,.2)}[data-theme=dark] .admin-selected-tags{background:#3b82f61a;border-color:#3b82f64d}.admin-selected-tags-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-primary);margin-bottom:var(--space-md)}.admin-selected-tags-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.admin-selected-tag{background:var(--color-primary);color:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);display:flex;align-items:center;gap:var(--space-xs)}.admin-selected-tag-remove{background:none;border:none;color:#fff;cursor:pointer;font-size:var(--text-lg);opacity:.7;transition:opacity var(--transition-fast);padding:0;line-height:1}.admin-selected-tag-remove:hover{opacity:1}.admin-materials-list{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg);border:var(--glass-border)}[data-theme=dark] .admin-materials-list{background:#1e293bcc;border:1px solid rgba(148,163,184,.2)}.admin-list-header{padding:var(--space-xl) var(--space-2xl);border-bottom:2px solid var(--color-border);background:var(--color-bg-muted)}[data-theme=dark] .admin-list-header{background:#0f172a80}.admin-list-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.admin-status-tabs{display:flex;gap:var(--space-sm);padding:var(--space-lg) var(--space-2xl);background:var(--color-bg-muted);border-bottom:1px solid var(--color-border)}[data-theme=dark] .admin-status-tabs{background:#0f172a4d}.admin-status-tab{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);background:transparent;border:1px solid transparent;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.admin-status-tab:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.admin-status-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-md)}[data-theme=dark] .admin-status-tab:hover{background:#33415580}[data-theme=dark] .admin-status-tab.active{background:var(--color-primary);box-shadow:0 0 20px #a855f74d}.admin-loading{padding:var(--space-3xl);text-align:center}.admin-loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin:0 auto var(--space-lg)}@keyframes spin{to{transform:rotate(360deg)}}.admin-loading-text{color:var(--color-text-secondary)}.admin-empty-state{padding:var(--space-3xl);text-align:center;color:var(--color-text-secondary)}.admin-table{width:100%;border-collapse:collapse}.admin-table-header{background:var(--color-bg-muted)}[data-theme=dark] .admin-table-header{background:#0f172a80}.admin-table-header th{padding:var(--space-lg) var(--space-xl);text-align:left;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.admin-table-row{border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.admin-table-row:hover{background:var(--color-bg-muted)}[data-theme=dark] .admin-table-row:hover{background:#3341554d}.admin-table-cell{padding:var(--space-lg) var(--space-xl);vertical-align:top}.admin-table-compact .admin-table-header th{padding:var(--space-md) var(--space-lg);font-size:11px}.admin-table-row-compact{height:56px}.admin-table-row-compact .admin-table-cell{padding:var(--space-sm) var(--space-lg);vertical-align:middle}.admin-table-cell-image{width:60px;padding-right:var(--space-md)!important}.admin-material-image-small{width:40px;height:40px;border-radius:var(--radius-md);object-fit:cover;background:var(--color-bg-secondary);border:1px solid var(--color-border)}.admin-material-name{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-xs)}.admin-material-subcategory{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px}.admin-category-badge{padding:4px var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);background:var(--color-bg-secondary);color:var(--color-text-primary);white-space:nowrap}[data-theme=dark] .admin-category-badge{background:#33415599}.admin-tag-display-compact{display:flex;flex-wrap:wrap;gap:4px;max-width:200px}.admin-tag-item-small{background:var(--color-bg-secondary);color:var(--color-text-secondary);padding:2px 6px;border-radius:var(--radius-sm);font-size:11px;font-weight:var(--font-medium);white-space:nowrap}[data-theme=dark] .admin-tag-item-small{background:#33415580}.admin-material-info{display:flex;align-items:center;gap:var(--space-lg)}.admin-material-image{width:48px;height:48px;border-radius:var(--radius-md);object-fit:cover;background:var(--color-bg-secondary);border:1px solid var(--color-border)}.admin-material-details h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0;display:flex;align-items:center;gap:var(--space-sm)}.admin-material-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-featured-star{color:#f59e0b;font-size:var(--text-md)}.admin-category-main{font-weight:var(--font-semibold);color:var(--color-text-primary);font-size:var(--text-md)}.admin-category-sub{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-xs)}.admin-tag-display{display:flex;flex-wrap:wrap;gap:var(--space-xs);max-width:200px}.admin-tag-item{background:var(--color-bg-secondary);color:var(--color-text-primary);padding:2px var(--space-xs);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium)}[data-theme=dark] .admin-tag-item{background:#33415599}.admin-tag-more{background:var(--color-bg-muted);color:var(--color-text-muted)}.admin-status-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.admin-status-badge.active{background:#05966926;color:var(--color-success)}.admin-status-badge.draft{background:#f59e0b26;color:#d97706}.admin-status-badge.archived{background:var(--color-bg-secondary);color:var(--color-text-muted)}[data-theme=dark] .admin-status-badge.active{background:#05966940}[data-theme=dark] .admin-status-badge.draft{background:#f59e0b40}.admin-availability-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);background:var(--color-bg-secondary);color:var(--color-text-secondary)}[data-theme=dark] .admin-availability-badge{background:#33415599}.admin-actions{display:flex;gap:var(--space-sm)}.admin-action-btn{width:32px;height:32px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;font-size:var(--text-md)}.admin-action-btn.edit{background:#3b82f61a;color:var(--color-primary)}.admin-action-btn.edit:hover{background:#3b82f633;transform:translateY(-1px)}.admin-action-btn.delete{background:#ef44441a;color:var(--color-danger)}.admin-action-btn.delete:hover{background:#ef444433;transform:translateY(-1px)}.admin-action-btn.source{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.admin-action-btn.source:hover{background:var(--color-bg-muted);transform:translateY(-1px)}[data-theme=dark] .admin-action-btn.edit{background:#3b82f626}[data-theme=dark] .admin-action-btn.delete{background:#ef444426}[data-theme=dark] .admin-action-btn.source{background:#33415599}.admin-submission-submitter{font-size:var(--text-sm)}.admin-submitter-name{font-weight:var(--font-medium);color:var(--color-text-primary)}.admin-submitter-email{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px}.admin-submission-date{font-size:var(--text-sm);color:var(--color-text-secondary)}.admin-action-btn.view{background:#6366f11a;color:#6366f1}.admin-action-btn.view:hover{background:#6366f133;transform:translateY(-1px)}.admin-action-btn.approve{background:#0596691a;color:var(--color-success)}.admin-action-btn.approve:hover{background:#05966933;transform:translateY(-1px)}.admin-action-btn.reject{background:#ef44441a;color:var(--color-danger)}.admin-action-btn.reject:hover{background:#ef444433;transform:translateY(-1px)}[data-theme=dark] .admin-action-btn.view{background:#6366f126}[data-theme=dark] .admin-action-btn.approve{background:#05966926}[data-theme=dark] .admin-action-btn.reject{background:#ef444426}.admin-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-modal{background:var(--color-bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;border:var(--glass-border)}[data-theme=dark] .admin-modal{background:#1e293bf2;border:1px solid rgba(148,163,184,.2)}.admin-modal-header{padding:var(--space-2xl);border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-muted)}[data-theme=dark] .admin-modal-header{background:#0f172a80}.admin-modal-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.admin-modal-close{width:40px;height:40px;border:none;background:var(--color-bg-secondary);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all var(--transition-fast)}.admin-modal-close:hover{background:var(--color-bg-muted);transform:scale(1.05)}.admin-modal-content{padding:var(--space-2xl)}.admin-modal-image{width:100%;height:300px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:var(--space-xl);border:1px solid var(--color-border)}.admin-modal-section{margin-bottom:var(--space-xl)}.admin-modal-label{font-weight:var(--font-semibold);color:var(--color-text-primary);display:block;margin-bottom:var(--space-sm)}.admin-modal-description{color:var(--color-text-secondary);line-height:1.6}.admin-modal-sources{list-style:disc;padding-left:var(--space-xl);color:var(--color-text-secondary)}.admin-modal-link{color:var(--color-primary);text-decoration:none;margin-left:var(--space-sm);transition:color var(--transition-fast)}.admin-modal-link:hover{text-decoration:underline}.admin-modal-date{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-xs)}.admin-modal-notes{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-xl)}[data-theme=dark] .admin-modal-notes{background:#f59e0b26}.admin-modal-textarea{width:100%;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:inherit;resize:vertical;transition:border-color var(--transition-fast)}.admin-modal-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #a855f71a}[data-theme=dark] .admin-modal-textarea{background:#3341554d}.admin-modal-actions{display:flex;gap:var(--space-md);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.admin-modal-btn{flex:1;padding:var(--space-lg);border:none;border-radius:var(--radius-md);font-size:var(--text-md);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.admin-modal-btn:disabled{opacity:.5;cursor:not-allowed}.admin-modal-btn.approve{background:var(--color-success);color:#fff}.admin-modal-btn.approve:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:var(--shadow-lg)}.admin-modal-btn.reject{background:var(--color-danger);color:#fff}.admin-modal-btn.reject:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-lg)}@media (max-width: 1024px){.admin-form-grid,.admin-tags-grid{grid-template-columns:1fr}}@media (max-width: 768px){.admin-container{padding-top:80px}.admin-content{padding:0 var(--space-lg)}.admin-header{flex-direction:column;gap:var(--space-lg);padding:var(--space-lg)}.admin-header-left,.admin-header-right{width:100%;justify-content:center}.admin-form-container{padding:var(--space-lg)}.admin-table-cell{padding:var(--space-md)}.admin-material-info{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.btn-new-material,.btn-logout{width:100%;justify-content:center}}.card-wrapper{position:absolute;top:var(--space-2xl);left:50%;transform:translate(-50%);width:380px;height:480px;z-index:3;pointer-events:auto;overflow:visible;transition:all .6s cubic-bezier(.25,.46,.45,.94);transform-origin:center center;will-change:transform,opacity;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.card-wrapper.reset{transform:translate(-50%)!important;opacity:1!important;transition:none!important;animation:none!important}.card-wrapper.swipe-left{transform:translate(-50%) translate(-100vw) rotate(-30deg) scale(.8);opacity:0;animation:swipeLeftEffect .6s ease-out forwards}.card-wrapper.swipe-right{transform:translate(-50%) translate(100vw) rotate(30deg) scale(.8);opacity:0;animation:swipeRightEffect .6s ease-out forwards}@keyframes swipeLeftEffect{0%{transform:translate(-50%) translate(0) rotate(0) scale(1);opacity:1}30%{transform:translate(-50%) translate(-20vw) rotate(-8deg) scale(.95);opacity:.9}to{transform:translate(-50%) translate(-120vw) rotate(-30deg) scale(.7);opacity:0}}@keyframes swipeRightEffect{0%{transform:translate(-50%) translate(0) rotate(0) scale(1);opacity:1}30%{transform:translate(-50%) translate(20vw) rotate(8deg) scale(.95);opacity:.9}to{transform:translate(-50%) translate(120vw) rotate(30deg) scale(.7);opacity:0}}.swipe-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:30px}.swipe-overlay-left{background:linear-gradient(135deg,#ef4444e6,#dc2626e6);color:#fff}.swipe-overlay-right{background:linear-gradient(135deg,#059669e6,#047857e6);color:#fff}.overlay-content{display:flex;flex-direction:column;align-items:center;text-align:center;transform:scale(.8);transition:transform .3s ease}.overlay-icon{font-size:48px;margin-bottom:8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.overlay-text{font-size:24px;font-weight:700;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.card-wrapper.swipe-left .swipe-overlay-left{opacity:1}.card-wrapper.swipe-left .overlay-content{transform:scale(1)}.card-wrapper.swipe-right .swipe-overlay-right{opacity:1}.card-wrapper.swipe-right .overlay-content{transform:scale(1)}.card-wrapper:not(.swipe-left):not(.swipe-right){transition:transform .3s ease}.btn{overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:scale(0);transition:transform .4s ease;border-radius:50%}.btn:active:after{transform:scale(1)}.btn-pass:active{animation:buttonPulseRed .6s ease}.btn-like:active{animation:buttonPulseGreen .6s ease}@keyframes buttonPulseRed{0%{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 16px #ef44444d}50%{transform:translateY(-4px) scale(1.15);box-shadow:0 8px 24px #ef444480}to{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 16px #ef44444d}}@keyframes buttonPulseGreen{0%{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 16px #0596694d}50%{transform:translateY(-4px) scale(1.15);box-shadow:0 8px 24px #05966980}to{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 16px #0596694d}}@media (max-width: 640px){.card-wrapper{width:100%;max-width:360px}.overlay-icon{font-size:36px}.overlay-text{font-size:18px;letter-spacing:1px}@keyframes swipeLeftEffect{0%{transform:translate(-50%) translate(0) rotate(0) scale(1);opacity:1}30%{transform:translate(-50%) translate(-15vw) rotate(-6deg) scale(.95);opacity:.9}to{transform:translate(-50%) translate(-110vw) rotate(-25deg) scale(.7);opacity:0}}@keyframes swipeRightEffect{0%{transform:translate(-50%) translate(0) rotate(0) scale(1);opacity:1}30%{transform:translate(-50%) translate(15vw) rotate(6deg) scale(.95);opacity:.9}to{transform:translate(-50%) translate(110vw) rotate(25deg) scale(.7);opacity:0}}}.card-wrapper.swipe-left,.card-wrapper.swipe-right{will-change:transform,opacity}@media (prefers-reduced-motion: reduce){.card-wrapper.swipe-left,.card-wrapper.swipe-right{animation-duration:var(--motion-duration-fast);transform:translate(-50%) scale(.9)!important;opacity:.5!important}.overlay-content{transition:none}.btn-pass:active,.btn-like:active{animation:none;transform:translateY(-1px) scale(1.02)}@keyframes swipeLeftEffect{to{transform:translate(-50%) translate(-20px) scale(.95);opacity:.3}}@keyframes swipeRightEffect{to{transform:translate(-50%) translate(20px) scale(.95);opacity:.3}}}