:root {--bg-color: #0f172a; --text-color: #e2e8f0; --text-muted: #94a3b8; --header-bg: rgba(15, 23, 42, 0.95); --header-text: #f8f9fa;--card-bg: #1e293b; --primary-color: #60a5fa; --primary-hover: #3b82f6; --secondary-bg: rgba(255, 255, 255, 0.05);--border-color: #334155; --hero-gradient-start: #0f172a;--hero-gradient-end: #1e293b;--accent-color: #06b6d4; }[data-theme="light"] {--bg-color: #f8f9fa;--text-color: #333;--text-muted: #64748b; --header-bg: #0f172a;--card-bg: #ffffff;--primary-color: #2563eb; --primary-hover: #1d4ed8; --border-color: #e2e8f0;--hero-gradient-start: #0f172a;--hero-gradient-end: #1e293b;}* {box-sizing: border-box;}body {font-family: 'Inter', system-ui, -apple-system, sans-serif;background-color: var(--bg-color);color: var(--text-color);margin: 0;padding: 0;line-height: 1.6;display: flex;flex-direction: column;min-height: 100vh;}header {background-color: var(--header-bg);color: var(--header-text);padding: 0.75rem 2rem;display: grid;grid-template-columns: auto 1fr auto;gap: 2rem;align-items: center;border-bottom: 1px solid rgba(255,255,255,0.1);position: sticky;top: 0;z-index: 100;backdrop-filter: blur(10px);transition: background-color 0.3s;}header.header-transparent {background-color: var(--header-bg); border-bottom: 1px solid rgba(255,255,255,0.1);}.logo a {font-size: 1.5rem;font-weight: 700;color: #fff;text-decoration: none;display: flex;align-items: center;gap: 10px;}.header-nav {justify-self: center;}.header-nav ul {list-style: none;display: flex;gap: 30px;margin: 0;padding: 0;}.header-nav a {color: #94a3b8; text-decoration: none;font-weight: 500;font-size: 0.95rem;transition: all 0.2s;padding: 6px 12px;border-radius: 6px;}.header-nav a:hover {color: #fff;background: rgba(255, 255, 255, 0.05);}.header-nav a.active {color: #fff;background: rgba(255, 255, 255, 0.1);font-weight: 600;}.mobile-auth-item {display: none;}.header-actions {display: flex;align-items: center;gap: 20px;}.header-search {display: flex;align-items: center;background: rgba(255,255,255,0.1);border-radius: 6px;padding: 4px;border: 1px solid rgba(255,255,255,0.2);}.header-search input {background: #fff;border: none;color: #333;outline: none;width: 200px;font-size: 0.9rem;padding: 8px 12px;margin: 0;border-radius: 4px;}.header-search input::placeholder {color: #64748b;}.header-search button {background: transparent;border: none;color: #cbd5e1;cursor: pointer;padding: 0 8px;display: flex;align-items: center;justify-content: center;}.header-search button:hover {color: #fff;}.header-user-menu {position: relative;display: flex;align-items: center;}.user-menu-trigger {display: flex;align-items: center;gap: 10px;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.1);color: var(--header-text);padding: 6px 16px;border-radius: 50px; cursor: pointer;font-family: inherit;font-size: 0.9rem;font-weight: 500;transition: all 0.2s ease;outline: none;}.user-menu-trigger:hover,.user-menu-trigger[aria-expanded="true"] {background: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.2);transform: translateY(-1px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}.user-menu-trigger svg {opacity: 0.8;}.user-menu-trigger:hover svg {opacity: 1;}.user-dropdown {position: absolute;top: calc(100% + 10px);right: 0;width: 240px;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);z-index: 1000;}.header-user-menu:hover .user-dropdown,.user-dropdown.show {opacity: 1;visibility: visible;transform: translateY(0);}.user-dropdown-content {background-color: var(--card-bg);border: 1px solid var(--border-color);border-radius: 12px;box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3), 0 8px 10px -6px rgba(0, 0, 0, 0.1);padding: 8px;overflow: hidden;display: flex;flex-direction: column;}.user-dropdown-header {padding: 12px 16px;border-bottom: 1px solid var(--border-color);margin-bottom: 5px;}.user-dropdown-header span {display: block;font-size: 0.8rem;color: var(--text-muted);}.user-dropdown-header strong {display: block;font-size: 1rem;color: var(--text-color);}.user-dropdown a {padding: 10px 16px;color: var(--text-color);text-decoration: none;display: flex;align-items: center;gap: 12px;font-size: 0.9rem;border-radius: 8px;transition: all 0.15s ease;margin-bottom: 2px;}.user-dropdown a:hover {background-color: var(--primary-color);color: white;}.user-dropdown a:hover svg {stroke: white; }.user-dropdown a.text-danger:hover {background-color: #ef4444;color: white;}.user-dropdown-divider {height: 1px;background-color: var(--border-color);margin: 6px 0;}.notif-badge {background-color: #ef4444;color: white;border-radius: 10px;padding: 2px 8px;font-size: 0.7rem;font-weight: bold;margin-left: auto;box-shadow: 0 2px 4px rgba(239, 68, 68, 0.3);}.notification-dot {background-color: #ef4444;width: 8px;height: 8px;border-radius: 50%;display: inline-block;position: absolute;top: 6px;right: 6px;border: 2px solid var(--header-bg); }.text-primary { color: var(--primary-color); }.text-danger { color: #ef4444; }.text-success { color: #22c55e; }.text-warning { color: #f59e0b; }.text-muted { color: var(--text-muted); }:focus-visible {outline: 2px solid var(--primary-color);outline-offset: 2px;}.brand-text {font-weight: 800;letter-spacing: -0.5px;}.hero {background: linear-gradient(135deg, var(--hero-gradient-start) 0%, var(--hero-gradient-end) 100%);color: #fff;border-radius: 16px; padding: 5rem 3rem;margin: 0 0 2rem 0;position: relative;overflow: hidden;display: flex;justify-content: space-between;align-items: center;box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 0.1);}.hero-content {max-width: 600px;z-index: 2;}.hero h1 {font-size: 3.5rem; font-weight: 800;line-height: 1.1;margin-bottom: 1.5rem;color: #fff;letter-spacing: -0.02em;}.hero-subline {font-size: 1.25rem;color: #94a3b8; margin-bottom: 2.5rem;line-height: 1.6;max-width: 90%;}.hero-buttons {display: flex;gap: 20px;flex-wrap: wrap;}.hero-icon {font-size: 20rem; color: rgba(255, 255, 255, 0.03); position: absolute;right: -5rem;bottom: -5rem;transform: rotate(-10deg);z-index: 1;pointer-events: none;}.feature-grid {display: grid;grid-template-columns: 1fr; gap: 40px; row-gap: 50px; margin-top: 50px;margin-bottom: 120px; width: 100%;position: relative;z-index: 10; }@media (min-width: 700px) {.feature-grid {grid-template-columns: repeat(2, 1fr); }}@media (min-width: 1100px) {.feature-grid {grid-template-columns: repeat(4, 1fr); }}.feature-card {display: flex;flex-direction: column;height: 100%;transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;background: var(--card-bg);border: 1px solid var(--border-color);position: relative;overflow: hidden;padding: 2rem;min-width: 0;}.feature-grid .card {margin-bottom: 0;}.feature-card:hover {transform: translateY(-5px);box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);border-color: var(--primary-color);}.card-icon {font-size: 2.5rem;margin-bottom: 1.5rem;display: inline-flex;padding: 12px;border-radius: 12px;background: rgba(255, 255, 255, 0.05);width: fit-content;}.feature-forum .card-icon { color: var(--primary-color); background: rgba(59, 130, 246, 0.1); }.feature-errors .card-icon { color: #ef4444; background: rgba(239, 68, 68, 0.1); }.feature-calc .card-icon { color: #10b981; background: rgba(16, 185, 129, 0.1); }.card-content h3 {margin: 0 0 1rem 0;font-size: 1.5rem;color: var(--text-color);}.card-content p {flex-grow: 1;color: #94a3b8;margin-bottom: 1.5rem;line-height: 1.6;}.btn {display: inline-flex;align-items: center;justify-content: center;padding: 10px 24px;font-weight: 600;border-radius: 6px;text-decoration: none;transition: all 0.2s;font-size: 1rem;cursor: pointer;border: none;}.btn-sm {padding: 6px 14px;font-size: 0.875rem;}.btn-primary {background-color: var(--primary-color);color: #fff;}.btn-primary:hover {background-color: var(--primary-hover);transform: translateY(-1px);}.btn-outline {background-color: transparent;border: 1px solid rgba(255, 255, 255, 0.3);color: #fff;}.btn-outline:hover {background-color: rgba(255, 255, 255, 0.1);border-color: #fff;}.btn-text {background: none;color: #cbd5e1;padding: 5px 10px;border: none;cursor: pointer;font-family: inherit;display: inline-flex;align-items: center;gap: 6px;}.btn-text:hover {color: #fff;}.btn-danger {background-color: #ef4444;color: #fff;}.btn-danger:hover {background-color: #dc2626;}.btn-secondary {background-color: #64748b;color: #fff;}.btn-secondary:hover {background-color: #475569;}.btn-success {background-color: #22c55e;color: #fff;}.btn-success:hover {background-color: #16a34a;}.container {max-width: 1200px;margin: 2rem auto;padding: 0 1rem;flex: 1; width: 100%; box-sizing: border-box;}.card {background-color: var(--card-bg);padding: 1.5rem;border-radius: 8px;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);border: 1px solid var(--border-color);margin-bottom: 20px;}input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], select, textarea {width: 100%;padding: 10px 12px;margin-bottom: 15px;border: 1px solid var(--border-color);border-radius: 6px;background-color: var(--bg-color);color: var(--text-color);font-size: 0.95rem;transition: border-color 0.2s;box-sizing: border-box;font-family: inherit;}input:focus, select:focus, textarea:focus {outline: none;border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);}label {display: block;margin-bottom: 6px;font-weight: 500;color: var(--text-color);font-size: 0.9rem;}.calc-nav-badge {display: inline-block;padding: 6px 12px;background-color: var(--bg-color);border: 1px solid var(--border-color);border-radius: 20px;color: var(--text-color);text-decoration: none;font-size: 0.85rem;font-weight: 500;transition: all 0.2s ease;}.calc-nav-badge:hover {background-color: var(--primary-color);border-color: var(--primary-color);color: white;transform: translateY(-2px);box-shadow: 0 4px 6px rgba(0,0,0,0.1);}.calc-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px; margin-top: 30px; }.calc-card {background: linear-gradient(145deg, var(--card-bg), rgba(255,255,255,0.02));padding: 1.75rem;border-radius: 16px; border: 1px solid var(--border-color);box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;}.calc-card:hover {transform: translateY(-4px);box-shadow: 0 12px 20px -5px rgba(0, 0, 0, 0.2), 0 8px 10px -6px rgba(0, 0, 0, 0.1);border-color: var(--primary-color); }.calc-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, var(--primary-color), var(--accent-color));opacity: 0;transition: opacity 0.3s;}.calc-card:hover::before {opacity: 1;}.calc-card h3 {margin-top: 0;margin-bottom: 20px;font-size: 1.3rem;color: var(--text-color);font-weight: 700;letter-spacing: -0.01em;border-bottom: 1px solid var(--border-color);padding-bottom: 10px;}.calc-card:target {border-color: var(--primary-color);box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2); animation: highlight-pulse 1.5s ease-out;}@keyframes highlight-pulse {0% {box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);}70% {box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);}100% {box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);}}.calc-input-group {margin-bottom: 15px;}.calc-input-group label {display: block;margin-bottom: 5px;font-size: 0.9rem;color: #64748b;}[data-theme="dark"] .calc-input-group label {color: #94a3b8;}.calc-input-group input,.calc-input-group select {background-color: rgba(0, 0, 0, 0.2); border: 1px solid var(--border-color);border-radius: 8px;padding: 12px;transition: all 0.2s;}.calc-input-group input:focus,.calc-input-group select:focus {background-color: rgba(0, 0, 0, 0.3);border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);}.calc-result {background: rgba(15, 23, 42, 0.6); border: 1px solid rgba(59, 130, 246, 0.3); padding: 15px;border-radius: 8px;font-weight: 700;color: var(--primary-color);margin-top: 10px;display: block;width: 100%;box-sizing: border-box;font-family: 'Consolas', 'Monaco', monospace; font-size: 1.2rem;text-align: right; box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);}[data-theme="light"] .calc-result {background: #f1f5f9;color: #0f172a;border-color: #cbd5e1;}footer {background-color: var(--header-bg); color: #94a3b8; padding: 2rem 2rem; margin-top: auto; border-top: 1px solid rgba(255,255,255,0.1);position: fixed; bottom: 0;left: 0;right: 0;z-index: 100;backdrop-filter: blur(10px);transition: transform 0.3s ease-in-out;transform: translateY(calc(100% - 15px)); box-shadow: 0 -4px 20px rgba(0,0,0,0.5); }.footer-toggle-btn {display: flex;position: absolute;top: -30px; right: 20px;background-color: var(--header-bg); color: #fff;width: auto;padding: 0 12px;height: 30px; border-radius: 8px 8px 0 0;align-items: center;justify-content: center;gap: 8px; cursor: pointer;border: 1px solid rgba(255,255,255,0.1);border-bottom: none;box-shadow: 0 -2px 5px rgba(0,0,0,0.2);z-index: 101;opacity: 1; transition: all 0.2s;font-size: 0.8rem;font-weight: 600;letter-spacing: 0.5px;}.footer-toggle-btn:hover {background-color: var(--primary-color); color: #fff;top: -34px;}footer.active {transform: translateY(0);}footer.active .footer-toggle-btn i {transform: rotate(180deg);transition: transform 0.3s ease;}footer.active .footer-toggle-btn {color: var(--primary-color);}@media (max-width: 768px) {}.scroll-to-top {position: fixed;bottom: 150px; right: 20px;background-color: var(--primary-color);color: white;width: 45px;height: 45px;border-radius: 50%;border: none;display: flex;align-items: center;justify-content: center;font-size: 1.2rem;cursor: pointer;box-shadow: 0 4px 10px rgba(0,0,0,0.3);opacity: 0;visibility: hidden;transform: translateY(20px);transition: all 0.3s ease;z-index: 90; }.scroll-to-top:hover {background-color: var(--primary-hover);transform: translateY(0) scale(1.1);}.scroll-to-top.visible {opacity: 1;visibility: visible;transform: translateY(0);}.footer-content {max-width: 1200px;margin: 0 auto;display: grid;grid-template-columns: 1.5fr 1fr 1fr 1fr;gap: 30px; text-align: left;}.footer-brand h3 {color: #fff;margin-top: 0;margin-bottom: 10px; font-size: 1.15rem; }.footer-brand p {line-height: 1.5;margin-bottom: 0;font-size: 0.9rem; }.footer-col h4 {color: #fff;margin-top: 0;margin-bottom: 15px; font-size: 0.95rem; font-weight: 600;}.footer-col ul {list-style: none;padding: 0;margin: 0;}.footer-col ul li {margin-bottom: 8px; }.footer-col ul li a {color: #94a3b8;text-decoration: none;transition: color 0.2s;font-size: 0.9rem; }.footer-col ul li a:hover {color: #fff;}.footer-bottom {max-width: 1200px;margin: 2rem auto 0; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,0.1);text-align: center;font-size: 0.85rem; }@media (max-width: 768px) {.footer-content {grid-template-columns: 1fr;gap: 30px;}}@media (min-width: 769px) {.mobile-only {display: flex !important; }.mobile-menu-toggle {display: none !important; }}.footer-close-btn {display: none; position: absolute;top: 40px; right: 20px;color: #fff;cursor: pointer;font-size: 1.5rem;z-index: 10;background: transparent;border: none;padding: 0;}footer.active .footer-close-btn {display: block;}.tk-editor-toolbar {border: 1px solid var(--border-color);border-bottom: none;padding: 5px;background-color: var(--bg-color);border-radius: 5px 5px 0 0;}.tk-editor-content {border: 1px solid var(--border-color);min-height: 200px;padding: 10px;border-radius: 0 0 5px 5px;outline: none;}.admin-container {display: grid;grid-template-columns: 260px 1fr;gap: 30px;align-items: start;margin-top: 30px;margin-bottom: 50px;}.admin-sidebar {background-color: var(--header-bg);color: var(--header-text);border-radius: 12px;overflow: hidden;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);position: sticky;top: 20px;}.admin-sidebar-header {padding: 1.5rem;background-color: rgba(255,255,255,0.05);border-bottom: 1px solid rgba(255,255,255,0.1);}.admin-sidebar-header h3 {margin: 0;font-size: 1.1rem;font-weight: 700;color: #fff;letter-spacing: 0.5px;}.admin-nav {display: flex;flex-direction: column;padding: 10px 0;}.admin-nav-item {padding: 12px 20px;color: #94a3b8;text-decoration: none;transition: all 0.2s;border-left: 3px solid transparent;font-weight: 500;display: flex;align-items: center;}.admin-nav-item:hover {background-color: rgba(255,255,255,0.05);color: #fff;}.admin-nav-item.active {background-color: rgba(255,255,255,0.1);color: #fff;border-left-color: var(--primary-color);}.admin-content h2 {margin-top: 0;font-size: 1.8rem;margin-bottom: 1.5rem;}.table-responsive {overflow-x: auto;}table {width: 100%;border-collapse: collapse;}th {text-align: left;padding: 12px 16px;border-bottom: 2px solid var(--border-color);color: var(--text-color);font-weight: 600;font-size: 0.9rem;background-color: var(--bg-color);}td {padding: 12px 16px;border-bottom: 1px solid var(--border-color);color: var(--text-color);vertical-align: middle;}tr:last-child td {border-bottom: none;}.badge {padding: 4px 8px;border-radius: 4px;font-size: 0.75rem;font-weight: 600;display: inline-block;}.badge-success { background-color: #dcfce7; color: #166534; }.badge-warning { background-color: #fef9c3; color: #854d0e; }.badge-danger { background-color: #fee2e2; color: #991b1b; }.badge-info { background-color: #dbeafe; color: #1e40af; }[data-theme="dark"] .badge-success { background-color: rgba(22, 163, 74, 0.2); color: #4ade80; }[data-theme="dark"] .badge-warning { background-color: rgba(234, 179, 8, 0.2); color: #facc15; }[data-theme="dark"] .badge-danger { background-color: rgba(220, 38, 38, 0.2); color: #f87171; }[data-theme="dark"] .badge-info { background-color: rgba(37, 99, 235, 0.2); color: #60a5fa; }@media (max-width: 768px) {.admin-container {grid-template-columns: 1fr;}.admin-sidebar {position: static;margin-bottom: 20px;}}.content-body img {max-width: 100%;height: auto;border-radius: 8px;border: 1px solid var(--border-color);box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);cursor: zoom-in;transition: all 0.2s ease;margin: 10px 0;display: block; }.content-body img:hover {transform: scale(1.01);box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.15);border-color: var(--primary-color);}.lightbox-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(15, 23, 42, 0.95); z-index: 2000;display: flex;justify-content: center;align-items: center;opacity: 0;visibility: hidden;transition: all 0.3s ease;backdrop-filter: blur(5px);}.lightbox-overlay.active {opacity: 1;visibility: visible;}.lightbox-content {max-width: 90%;max-height: 90vh;border-radius: 8px;box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);transform: scale(0.9);transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);}.lightbox-overlay.active .lightbox-content {transform: scale(1);}.lightbox-close {position: absolute;top: 20px;right: 20px;color: #fff;font-size: 2rem;cursor: pointer;background: rgba(255, 255, 255, 0.1);width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: all 0.2s;}.lightbox-close:hover {background: rgba(255, 255, 255, 0.2);transform: rotate(90deg);}.mobile-menu-toggle {display: none;background: none;border: none;cursor: pointer;padding: 10px;z-index: 101;}.mobile-menu-toggle .bar {display: block;width: 25px;height: 3px;margin: 5px auto;transition: all 0.3s ease-in-out;background-color: var(--header-text);border-radius: 3px;}@media (max-width: 768px) {header {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding: 0.75rem 1rem;}.mobile-menu-toggle {display: block;order: 3;margin-left: 10px;}.header-actions {order: 2;margin-left: auto; gap: 10px;}.logo {order: 1;}.header-nav {display: none;width: 100%;order: 4;margin-top: 15px;background-color: var(--header-bg);border-top: 1px solid rgba(255,255,255,0.1);}.header-nav.active {display: block;animation: slideDown 0.3s ease-out;}@keyframes slideDown {from { opacity: 0; transform: translateY(-10px); }to { opacity: 1; transform: translateY(0); }}.header-nav ul {flex-direction: column;gap: 0;}.header-nav a {display: block;padding: 15px;border-bottom: 1px solid rgba(255,255,255,0.05);border-radius: 0;}.mobile-menu-toggle.active .bar:nth-child(2) {opacity: 0;}.mobile-menu-toggle.active .bar:nth-child(1) {transform: translateY(8px) rotate(45deg);}.mobile-menu-toggle.active .bar:nth-child(3) {transform: translateY(-8px) rotate(-45deg);}.mobile-auth-item {display: block;}.mobile-auth-item a {color: var(--primary-color) !important;font-weight: 600;}.header-actions > .btn, .header-actions > .btn-text {display: none;}}.text-link {color: var(--primary-color);text-decoration: none;border-bottom: 2px dashed var(--primary-color); background-color: rgba(59, 130, 246, 0.1); padding: 0 4px; border-radius: 4px;position: relative;cursor: help;transition: all 0.2s;font-weight: 500;}.text-link:hover {color: #fff;background-color: var(--primary-color); border-bottom-style: solid;text-decoration: none;}.text-link[data-tooltip]::after {content: attr(data-tooltip);position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%) translateY(-10px);background-color: #ffffff; color: #0f172a; padding: 10px 14px;border-radius: 8px;font-size: 0.9rem;white-space: normal;opacity: 0;visibility: hidden;transition: all 0.2s ease;box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3);border: 1px solid var(--primary-color); z-index: 1000;pointer-events: none;min-width: 220px;max-width: 320px;text-align: center;line-height: 1.5;font-weight: 500;}.text-link[data-tooltip]:hover::after {opacity: 1;visibility: visible;transform: translateX(-50%) translateY(-8px);}.text-link[data-tooltip]::before {content: '';position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%) translateY(-7px); border-width: 6px;border-style: solid;border-color: var(--primary-color) transparent transparent transparent; opacity: 0;visibility: hidden;transition: all 0.2s ease;z-index: 1000;}.text-link[data-tooltip]:hover::before {opacity: 1;visibility: visible;transform: translateX(-50%) translateY(-1px);}.social-share-container {margin: 20px 0;padding: 15px;background: var(--card-bg);border: 1px solid var(--border-color);border-radius: 8px;display: flex;flex-direction: column;gap: 10px;}.share-label {font-weight: 600;font-size: 0.9rem;color: var(--text-muted);}.share-buttons {display: flex;gap: 10px;flex-wrap: wrap;}.share-btn {display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;background-color: var(--btn-color); background-color: rgba(255, 255, 255, 0.05); color: var(--btn-color);border: 1px solid var(--btn-color);text-decoration: none;transition: all 0.2s ease;font-size: 1.2rem;}.share-btn:hover {background-color: var(--btn-color);color: #fff;transform: translateY(-3px);box-shadow: 0 4px 10px rgba(0,0,0,0.2);}[data-theme="dark"] .share-btn {background-color: rgba(0,0,0,0.2);}[data-theme="dark"] .share-btn:hover {background-color: var(--btn-color);}#cookie-consent {position: fixed;bottom: 0;left: 0;right: 0;background-color: #333;color: white;padding: 20px;text-align: center;display: none;z-index: 1000;}#cookie-consent p {margin: 0 0 10px 0;}#accept-cookies {background-color: #28a745;}.calculator-container {max-width: 1200px;margin: 0 auto;}.calc-header {border-bottom: 1px solid var(--border-color);padding-bottom: 15px;margin-bottom: 20px;}.calc-title {margin: 0;margin-bottom: 10px;}.calc-desc {margin: 0;color: #64748b;margin-bottom: 20px;}.calc-jump-nav {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}.calc-quick-access {font-size: 0.9rem;color: #64748b;}.calc-sort-btn {font-size: 0.85rem;display: flex;align-items: center;gap: 5px;color: #cbd5e1;}.calc-nav-container {display: flex;flex-wrap: wrap;gap: 15px; margin-bottom: 30px; }.calc-social-share {margin-top: 20px;border-top: 1px solid var(--border-color);padding-top: 10px;}.calc-result-text {font-size: 0.9rem;font-weight: normal;}.calc-result-bold {font-weight: bold;}.calc-card-full-width {grid-column: 1 / -1;}.resistor-inputs {display: flex;gap: 20px;flex-wrap: wrap;margin-bottom: 20px;}.resistor-select-group {flex: 1;min-width: 120px;}.resistor-select-group.large {min-width: 200px;}.resistor-label {margin-bottom: 5px;display: block;}.resistor-select {width: 100%;}#resistor-visual {height: 60px;background: #e2e8f0;border-radius: 30px;position: relative;margin: 20px 0;display: flex;align-items: center;justify-content: center;border: 2px solid #cbd5e1;}.resistor-body {width: 80%;height: 100%;position: relative;display: flex;justify-content: space-evenly;align-items: stretch;padding: 0 10%;}.resistor-band {width: 15px;height: 100%;}.resistor-result {font-size: 1.5rem;text-align: center;}.opt-black { background: black; color: white; }.opt-brown { background: brown; color: white; }.opt-red { background: red; color: white; }.opt-orange { background: orange; }.opt-yellow { background: yellow; }.opt-green { background: green; color: white; }.opt-blue { background: blue; color: white; }.opt-violet { background: violet; color: white; }.opt-gray { background: gray; color: white; }.opt-white { background: white; }.opt-gold { background: gold; }.opt-silver { background: silver; }.admin-header-card {background: white;padding: 30px;border-radius: 12px;box-shadow: 0 4px 6px rgba(0,0,0,0.05);margin-bottom: 40px;}.admin-header-row {display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #e2e8f0;padding-bottom: 20px;margin-bottom: 20px;}.admin-clock {color: #64748b;}.admin-welcome {font-size: 1.1rem;color: #475569;margin-bottom: 30px;}.admin-quick-access-title {margin-bottom: 20px;font-size: 1.3rem;color: #334155;}.admin-quick-access-links {display: flex;gap: 15px;flex-wrap: wrap;}.admin-btn-custom {padding: 12px 20px;}.admin-btn-shadow {box-shadow: 0 4px 10px rgba(59, 130, 246, 0.3);}.stats-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 20px;margin-top: 20px;}.stat-card {background-color: var(--bg-color);border: 1px solid var(--border-color);display: flex;flex-direction: column;justify-content: space-between;}.stat-number {font-size: 2.5rem;font-weight: bold;margin: 10px 0;}.chart-container {width: 100%;}.chart-container-300 {height: 300px;}.chart-container-250 {height: 250px;display: flex;align-items: center;justify-content: center;}.chart-container-100 {height: 100px;}.admin-charts-row {margin-top: 30px;display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}.admin-charts-grid {margin-top: 30px;display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 20px;}.admin-table {width: 100%;border-collapse: collapse;margin-top: 15px;}.legend-container {display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;margin-top: 15px;}.legend-item {display: flex;align-items: center;font-size: 0.8rem;}.legend-dot {display: inline-block;width: 10px;height: 10px;margin-right: 5px;border-radius: 50%;}.icon-orange { color: #f59e0b; background: rgba(245, 158, 11, 0.1); }.icon-purple { color: #8b5cf6; background: rgba(139, 92, 246, 0.1); }.icon-pink { color: #ec4899; background: rgba(236, 72, 153, 0.1); }.icon-cyan { color: #06b6d4; background: rgba(6, 182, 212, 0.1); }.icon-green { color: #10b981; background: rgba(16, 185, 129, 0.1); }.admin-page-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}.admin-actions-group {display: flex;gap: 5px;}.m-0 { margin: 0; }.mt-0 { margin-top: 0; }.mt-20 { margin-top: 20px; }.mb-15 { margin-bottom: 15px; }.text-right { text-align: right; }.text-center { text-align: center; }.font-mono { font-family: monospace; }.font-bold { font-weight: bold; }.text-sm { font-size: 0.9rem; }.text-xs { font-size: 0.8rem; }.text-xxs { font-size: 0.7rem; }.flex-1 { flex: 1; }.flex-col { display: flex; flex-direction: column; }.gap-20 { gap: 20px; }.p-20 { padding: 20px; }.stat-number-lg { font-size: 1.5rem; margin: 15px 0; }.admin-charts-col { display: flex; flex-direction: column; gap: 20px; }.admin-system-info { margin-top: 30px; padding: 20px; }.feature-card-title { font-size: 1.5rem; margin-top: 0; }@media (max-width: 768px) {input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], select, textarea {font-size: 16px; min-height: 44px; }.btn {min-height: 44px; padding: 12px 24px; }.header-nav a,.user-dropdown a {padding: 12px 16px;min-height: 44px;display: flex;align-items: center;}}