@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--bg-color:#fff;--sidebar-bg:#fff;--card-bg:#fff;--accent-color:#3b82f6;--text-primary:#0f172a;--text-secondary:#64748b;--border-color:#f1f5f9;--success:#10b981;--danger:#ef4444;--sidebar-width:260px;--font-main:"Plus Jakarta Sans","Inter",system-ui,-apple-system,sans-serif;--shadow-sm:0 2px 4px 0 #00000005;--shadow-md:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;--shadow-lg:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;min-height:100vh}.dashboard-container{display:flex}.main-content{margin-left:var(--sidebar-width);flex:1;padding:40px}.card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;transition:all .2s}.card:hover{box-shadow:var(--shadow-md);border-color:#e2e8f0}h1,h2,h3,h4{letter-spacing:-.03em;color:#0f172a;font-weight:700}.btn{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{color:#fff;background:#0f172a;border-color:#0f172a}.btn-primary:hover{background:#1e293b;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.tool-content{color:#475569;font-size:16px;line-height:1.8}.tool-content h2{color:#0f172a;margin:56px 0 24px;font-size:1.8rem;font-weight:800}.tool-content h3{color:#1e293b;margin:40px 0 20px;font-size:1.4rem;font-weight:700}.tool-content p{margin-bottom:24px}::selection{color:#3b82f6;background:#3b82f61a}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8fafc}::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.tool-content ul,.tool-content ol{margin-bottom:24px;padding-left:24px}.tool-content li{margin-bottom:8px}.tool-content table{border-collapse:collapse;background:#fff;border:1px solid #f1f5f9;border-radius:16px;width:100%;margin:48px 0;display:table;overflow:hidden;box-shadow:0 4px 6px -1px #00000005}.tool-content th{text-align:left;color:#1e293b;background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:16px 24px;font-size:14px;font-weight:700}.tool-content td{border-bottom:1px solid #f8fafc;padding:16px 24px;font-size:15px}.tool-content tr:last-child td{border-bottom:none}.tool-content tr:hover{background:#fbfcfe}.tool-content .center-container{justify-content:center;margin:40px 0;display:flex}.tool-content blockquote{color:#1e40af;background:#f8faff;border-left:4px solid #3b82f6;border-radius:4px 16px 16px 4px;margin:40px 0;padding:24px 32px;font-size:18px;font-style:italic}.tool-faq{margin:60px 0}.tool-faq h2{margin-bottom:32px;font-size:2rem}.tool-faq details{background:#fff;border:1px solid #f1f5f9;border-radius:16px;margin-bottom:16px;transition:all .3s;overflow:hidden}.tool-faq details[open]{border-color:#3b82f6;box-shadow:0 12px 24px -10px #3b82f614}.tool-faq summary{color:#0f172a;cursor:pointer;outline:none;justify-content:space-between;align-items:center;padding:24px 32px;font-weight:700;list-style:none;display:flex}.tool-faq summary::-webkit-details-marker{display:none}.tool-faq summary:after{content:"+";color:#94a3b8;font-size:24px;font-weight:400;transition:transform .3s}.tool-faq details[open] summary:after{content:"−";color:#3b82f6}.tool-faq .faq-answer{color:#475569;border-top:1px solid #f8fafc;padding:20px 32px 24px;font-size:15px;line-height:1.7}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width:768px){.main-content{margin-left:0!important;padding:20px!important}.dashboard-container{flex-direction:column}.container{padding:0 15px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.page-wrapper{background-color:#f8fafc;flex-direction:column;min-height:100vh;display:flex}