body{min-height:100vh;color:var(--color-text, #ffffff);background:var(--color-background, #121212);transition:color .5s,background-color .5s;margin:0;padding:0}:root{--color-background: #111827;--color-background-secondary: #1f2937;--color-border: #374151;--color-text: #f9fafb;--color-text-secondary: #9ca3af}.light-theme{--color-background: #ffffff;--color-background-secondary: #f9fafb;--color-border: #e5e7eb;--color-text: #111827;--color-text-secondary: #6b7280}.light-theme .sidebar{background-color:#fff;border-right-color:#e5e7eb;color:#374151}.light-theme .add-project-btn{color:#6b7280}.light-theme .add-project-btn:hover{background-color:#f3f4f6;color:#e87b19}.light-theme .nav-item{color:#374151}.light-theme .nav-item:hover{background-color:#f3f4f6;color:#111827}.light-theme .nav-item-active{background-color:#e87b1926;color:#e87b19}.light-theme .nav-badge{background-color:#e87b19;color:#fff}.light-theme .auth-page{background:linear-gradient(135deg,#f7f8fa,#edf0f5)}.light-theme .auth-card{background:#fff}.light-theme .tabs button{color:#666}.light-theme .title{color:#333}.light-theme .subtitle{color:#77777}.light-theme .form-label{color:#333}.light-theme .form-input{border-color:#d1d5db}.light-theme .format-button{background-color:#e87b19;color:#fff}.light-theme .format-button:hover{background-color:#d36e14}.light-theme .header-wrapper{background-color:#fff;border-bottom:1px solid rgba(229,231,235,.5);box-shadow:0 4px 20px #0000000a}.light-theme .tools-header h1,.light-theme .tool-header h1{color:#111827}.light-theme .tools-header p,.light-theme .tool-header p{color:#6b7280}.light-theme .tool-card{background-color:#fff;border-color:#e5e7eb;color:#374151}.light-theme .tool-card:hover{border-color:#e87b19;box-shadow:0 4px 12px #e87b191a}.light-theme .tool-name{color:#111827}.light-theme .tool-description,.light-theme .back-link{color:#6b7280}.light-theme .back-link:hover{color:#e87b19}.light-theme .mode-btn{color:#374151;border-color:#d1d5db;background-color:transparent}.light-theme .mode-btn:hover{background-color:#f3f4f6}.light-theme .btn-primary{background-color:#e87b19;color:#fff}.light-theme .btn-primary:hover{opacity:.8}.light-theme .btn-secondary{background-color:#e87b19;color:#fff}.light-theme .btn-secondary:hover{opacity:.8}.light-theme textarea{background-color:#fff;border-color:#d1d5db;color:#111827}.light-theme textarea:focus{border-color:#e87b19}.light-theme .copy-btn{color:#374151;border-color:#d1d5db}.light-theme .copy-btn:hover{background-color:#e87b19;color:#fff;border-color:#e87b19}.light-theme label,.light-theme .admin-tools-page,.light-theme .admin-header h1{color:#111827}.light-theme table{background:#fff;border-color:#e5e7eb}.light-theme th{background:#f9fafb;color:#6b7280}.light-theme td{border-bottom-color:#e5e7eb;color:#374151}.light-theme .external-url a{color:#3b82f6}.light-theme code{background:#f3f4f6;color:#374151}.light-theme .modal{background:#fff;color:#111827}.light-theme .modal-header{border-bottom-color:#e5e7eb}.light-theme .modal-header h2{color:#111827}.light-theme .close-btn{color:#6b7280}.light-theme .close-btn:hover,.light-theme .form-group label{color:#111827}.light-theme .form-group input[type=text],.light-theme .form-group input[type=url],.light-theme .form-group select,.light-theme .form-group textarea{background:#fff;border-color:#d1d5db;color:#111827}.light-theme .form-group input[type=text]:focus,.light-theme .form-group input[type=url]:focus,.light-theme .form-group select:focus,.light-theme .form-group textarea:focus{border-color:#e87b19}.light-theme .form-group small{color:#6b7280}.light-theme .modal-footer{border-top-color:#e5e7eb}.light-theme .selected-icon-preview{border-color:#d1d5db;background:#f9fafb}.light-theme .icon-picker-search{border-color:#d1d5db}.light-theme .tab-button{background:#fff;border-color:#d1d5db;color:#374151}.light-theme .tab-button:hover{background:#f9fafb}.light-theme .tab-button.active{background:#e87b19;border-color:#e87b19;color:#fff}.light-theme .icon-option{background:#fff;border-color:#d1d5db}.light-theme .icon-option:hover{border-color:#e87b19}.light-theme .icon-option.active{border-color:#e87b19;background:#e87b191a}.light-theme .search-input{color:#111827}.light-theme .icon-picker-grid::-webkit-scrollbar-track{background:#f3f4f6}.light-theme .icon-picker-grid::-webkit-scrollbar-thumb{background:#d1d5db}.light-theme .icon-picker-grid::-webkit-scrollbar-thumb:hover{background:#9ca3af}.light-theme .lander-page{background:#fff;color:#111827}.light-theme .hero h1{color:#111827}.light-theme .hero p{color:#6b7280}.light-theme .tools-preview h2{color:#111827}.light-theme .loading,.light-theme .empty{color:#6b7280}.dark-theme{--color-background: #121212;--color-background-secondary: #1f2937;--color-border: #374151;--color-text: #f9fafb;--color-text-secondary: #9ca3af}.dark-theme .sidebar{background-color:#1e1e1e;border-right-color:#2d2d2d;color:#e0e0e0}.dark-theme .add-project-btn{color:#9ca3af}.dark-theme .add-project-btn:hover{background-color:#374151;color:#e87b19}.dark-theme .nav-item{color:#d1d5db}.dark-theme .nav-item:hover{background-color:#374151;color:#f9fafb}.dark-theme .nav-item-active{background-color:#e87b1933;color:#e87b19}.dark-theme .nav-badge{background-color:#e87b19;color:#fff}.dark-theme .tools-header h1,.dark-theme .tool-header h1{color:#f9fafb}.dark-theme .tools-header p,.dark-theme .tool-header p{color:#9ca3af}.dark-theme .tool-card{background-color:#1f2937;border-color:#374151;color:#d1d5db}.dark-theme .tool-card:hover{border-color:#e87b19;box-shadow:0 4px 12px #e87b1933}.dark-theme .tool-name{color:#f9fafb}.dark-theme .tool-description,.dark-theme .back-link{color:#9ca3af}.dark-theme .back-link:hover{color:#e87b19}.dark-theme .mode-btn{color:#d1d5db;border-color:#4b5563;background-color:transparent}.dark-theme .mode-btn:hover{background-color:#374151}.dark-theme textarea{background-color:#111827;border-color:#374151;color:#f9fafb}.dark-theme textarea:focus{border-color:#e87b19}.dark-theme .copy-btn{color:#d1d5db;border-color:#4b5563}.dark-theme .copy-btn:hover{background-color:#e87b19;color:#fff;border-color:#e87b19}.dark-theme label,.dark-theme .admin-tools-page,.dark-theme .admin-header h1{color:#f9fafb}.dark-theme table{background:#1f2937;border-color:#374151}.dark-theme th{background:#111827;color:#9ca3af}.dark-theme td{border-bottom-color:#374151;color:#d1d5db}.dark-theme .external-url a{color:#60a5fa}.dark-theme code{background:#111827;color:#d1d5db}.dark-theme .header-wrapper{background:linear-gradient(135deg,#0a0a0afa,#1a1a1afa);border-bottom:1px solid rgba(232,123,25,.1);box-shadow:0 4px 20px #0000004d}.dark-theme .auth-page{background:linear-gradient(135deg,#121212 0% 100%)}.dark-theme .auth-card{background:#1e1e1e;color:#fff}.dark-theme .tabs button,.dark-theme .title{color:#fff}.dark-theme .subtitle,.dark-theme .form-label{color:#9ca3af}.dark-theme .form input{border-color:#d1d5db;background:#121212;color:#fff}.dark-theme .form button{background-color:#974f10;color:#fff}.dark-theme .form button:hover{background-color:#e87b19}.dark-theme .modal{background:#1f2937;color:#f9fafb}.dark-theme .modal-header{border-bottom-color:#374151}.dark-theme .modal-header h2{color:#f9fafb}.dark-theme .close-btn{color:#9ca3af}.dark-theme .close-btn:hover{color:#f9fafb}.dark-theme .btn-primary{background-color:#e87b19;color:#fff}.dark-theme .btn-primary:hover{opacity:.8}.dark-theme .btn-secondary{background-color:#ffffff1a;color:#fff}.dark-theme .btn-secondary:hover{opacity:.8}.dark-theme .form-group label{color:#f9fafb}.dark-theme .form-group input[type=text],.dark-theme .form-group input[type=url],.dark-theme .form-group select,.dark-theme .form-group textarea{background:#111827;border-color:#374151;color:#f9fafb}.dark-theme .form-group input[type=text]:focus,.dark-theme .form-group input[type=url]:focus,.dark-theme .form-group select:focus,.dark-theme .form-group textarea:focus{border-color:#e87b19}.dark-theme .form-group small{color:#9ca3af}.dark-theme .modal-footer{border-top-color:#374151}.dark-theme .selected-icon-preview{border-color:#374151;background:#111827}.dark-theme .icon-picker-search{border-color:#374151}.dark-theme .tab-button{background:#111827;border-color:#374151;color:#d1d5db}.dark-theme .tab-button:hover{background:#1f2937}.dark-theme .tab-button.active{background:#e87b19;border-color:#e87b19;color:#fff}.dark-theme .icon-option{background:#111827;color:#fff;border-color:#374151}.dark-theme .icon-option:hover{border-color:#e87b19}.dark-theme .icon-option.active{border-color:#e87b19;background:#e87b1933}.dark-theme .search-input{color:#f9fafb}.dark-theme .icon-picker-grid::-webkit-scrollbar-track{background:#1f2937}.dark-theme .icon-picker-grid::-webkit-scrollbar-thumb{background:#4b5563}.dark-theme .icon-picker-grid::-webkit-scrollbar-thumb:hover{background:#6b7280}.dark-theme .lander-page,.dark-theme .hero h1{color:#f9fafb}.dark-theme .hero p{color:#9ca3af}.dark-theme .tools-preview h2{color:#f9fafb}.dark-theme .loading,.dark-theme .empty{color:#9ca3af}.sidebar{border-right:1px solid}.add-project-btn,.nav-item{transition:all .15s ease}.nav-badge{font-weight:600}*{margin:0;padding:0}#app{max-width:100%;margin:0;padding:0;font-weight:400}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}