.seo-depth-content{max-width:1000px;margin:48px auto;padding:28px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;line-height:1.7}.seo-depth-content h2,.seo-depth-content h3{color:#172033}.seo-depth-content li{margin:.55rem 0}@media(max-width:700px){.seo-depth-content{margin:32px 16px;padding:20px}}.seo-related-tools{max-width:1120px;margin:48px auto;padding:24px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.seo-related-tools ul{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0}.seo-related-tools a{display:inline-block;padding:10px 14px;border:1px solid #d8dee8;border-radius:8px;color:var(--brand-dark);font-weight:700}.seo-related-tools a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(min-width:800px){main>section:not(:first-child),footer{content-visibility:auto;contain-intrinsic-size:1px 800px}}*{font-family:Inter,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#c084fc;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a855f7}body.dark-mode{background-color:#111827!important;color:#f3f4f6!important}body.dark-mode .bg-white{background-color:#1f2937!important;color:#f3f4f6!important}body.dark-mode .text-gray-600,body.dark-mode .text-gray-700,body.dark-mode .text-gray-800,body.dark-mode .text-gray-900{color:#e5e7eb!important}body.dark-mode .border-gray-200,body.dark-mode .border-gray-300{border-color:#374151!important}body.dark-mode .bg-gray-50,body.dark-mode .bg-gray-100{background-color:#374151!important}body.dark-mode .text-gray-500{color:#9ca3af!important}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background-color:#374151!important;border-color:#4b5563!important;color:#f3f4f6!important}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#9ca3af!important}body.dark-mode .bg-brandLight,body.dark-mode .bg-green-50,body.dark-mode .bg-yellow-50,body.dark-mode .bg-red-50,body.dark-mode .bg-blue-50{background-color:#2d3748!important}body.dark-mode .text-brand,body.dark-mode .text-green-600,body.dark-mode .text-yellow-600,body.dark-mode .text-red-600,body.dark-mode .text-blue-600{color:#a78bfa!important}#darkModeToggle{cursor:pointer;transition:all .3s ease}#darkModeToggle:hover{transform:scale(1.1)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 0 5px #a855f780}50%{box-shadow:0 0 20px #a855f7cc}to{box-shadow:0 0 5px #a855f780}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.smart-csc-badge{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-end) 100%);color:#fff;padding:12px 30px;border-radius:50px;font-weight:700;font-size:1.2rem;letter-spacing:1px;box-shadow:0 10px 30px -5px #667eea80;cursor:pointer;animation:float 3s ease-in-out infinite,glow 2s ease-in-out infinite;display:flex;align-items:center;gap:10px;border:2px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);transition:all .3s ease}.smart-csc-badge:hover{transform:translate(-50%) scale(1.05);background:linear-gradient(135deg,var(--brand-end) 0%,var(--brand) 100%);animation:float 1.5s ease-in-out infinite}.smart-csc-badge i{animation:spin 5s linear infinite}.smart-csc-badge:hover i{animation:spin 2s linear infinite}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slideIn{animation:slideIn .5s ease forwards}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-pulse-slow{animation:pulse 2s ease-in-out infinite}.dashboard-card{transition:all .3s ease;cursor:pointer}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a}.financial-card{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-end) 100%);color:#fff;border-radius:15px;padding:20px;transition:all .3s ease}.financial-card:hover{transform:translateY(-5px);box-shadow:0 20px 30px -10px #667eea80}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-block}.status-pending{background-color:#fef3c7;color:#92400e}.status-inprocess{background-color:#dbeafe;color:#1e40af}.status-completed{background-color:#d1fae5;color:#065f46}body.dark-mode .status-pending{background-color:#92400e;color:#fef3c7}body.dark-mode .status-inprocess{background-color:#1e40af;color:#dbeafe}body.dark-mode .status-completed{background-color:#065f46;color:#d1fae5}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#0009;backdrop-filter:blur(5px);overflow-y:auto}.modal-content{animation:slideIn .3s ease;margin:20px auto;max-width:600px;width:90%}.service-card{border:1px solid #e5e7eb;border-radius:8px;padding:15px;margin-bottom:15px;background:#f9fafb}body.dark-mode .service-card{background:#374151;border-color:#4b5563}.service-slip{max-width:400px;margin:0 auto;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a}body.dark-mode .service-slip{background:#1f2937;color:#f3f4f6}.slip-header{text-align:center;border-bottom:2px dashed #a855f7;padding-bottom:15px;margin-bottom:15px}.slip-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dotted #e5e7eb}body.dark-mode .slip-row{border-bottom-color:#4b5563}.category-card{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-end) 100%);color:#fff;padding:15px;border-radius:10px;margin-bottom:10px}.service-item{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#ffffff1a;margin-top:5px;border-radius:5px}.toast{position:fixed;bottom:20px;right:20px;z-index:2000;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}#sidebar{transition:all .3s ease}@media(max-width:768px){#sidebar{width:70px}#sidebar .nav-item span,#darkModeToggle span{display:none}.smart-csc-badge{font-size:.9rem;padding:8px 15px;top:10px}}@media print{.no-print{display:none!important}.print-only{display:block!important}.service-slip{box-shadow:none;border:1px solid #ddd}}.expense-input{transition:all .3s ease}.expense-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f733}.profit-badge{padding:4px 12px;border-radius:20px;font-weight:600;font-size:.875rem}.profit-positive{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.profit-negative{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.flatpickr-calendar{font-family:Inter,sans-serif!important;border-radius:10px!important;box-shadow:0 10px 30px -5px #0003!important}.flatpickr-day.selected{background:#a855f7!important;border-color:#a855f7!important}.flatpickr-day.today{border-color:#a855f7!important}.flatpickr-months .flatpickr-month{background:#a855f7!important;color:#fff!important}.flatpickr-current-month .flatpickr-monthDropdown-months{color:#fff!important}.flatpickr-weekdays{background:#f3f4f6!important}body.dark-mode .flatpickr-calendar{background:#1f2937!important;color:#fff!important}.pdf-button{background:linear-gradient(135deg,#dc2626,#b91c1c);transition:all .3s ease}.pdf-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #dc262680}