@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";:root{--color-primary-hsl:338 100% 19%;--color-gold-hsl:43 45% 54%;--color-primary:hsl(var(--color-primary-hsl));--color-primary-dark:#4d001c;--color-primary-light:#7e0c36;--color-gold:hsl(var(--color-gold-hsl));--color-gold-hover:#a48841;--color-gold-light:#f9f7f0;--color-scrollbar-thumb:#cbd5e1;--color-placeholder:#94a3b8;--color-bg:#f4efe2;--color-surface:#fff;--color-surface-glass:#ffffffd9;--color-text-main:#0f172a;--color-text-muted:#475569;--color-text-inverse:#fff;--color-border:#eae4d5;--color-border-hover:#cbd5e1;--color-success:#166534;--color-success-bg:#f0fdf4;--color-danger:#991b1b;--color-danger-bg:#fef2f2;--shadow-sm:0 1px 3px #0f172a08, 0 1px 2px #0f172a05;--shadow-md:0 4px 6px -1px #0f172a0d, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 15px -3px #0f172a0d, 0 4px 6px -4px #0f172a08;--shadow-gold-glow:0 0 0 3px #bfa05426;--shadow-burgundy-glow:0 0 0 3px #6300241a;--font-sans:"Plus Jakarta Sans", sans-serif;--font-serif:Georgia, "Times New Roman", Times, serif;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-pill:9999px;--topbar-height:72px;--subnav-height:52px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#bfa05414 0,#0000 60%),radial-gradient(at 100% 100%,#6300240f 0,#0000 60%);min-height:100vh;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:-.025em;color:var(--color-text-main);font-weight:800}.serif-title{font-family:var(--font-serif);letter-spacing:-.03em;font-weight:700}a{color:var(--color-primary);text-decoration:none;transition:all .25s}a:hover{color:var(--color-gold)}button{cursor:pointer;border:none;outline:none;font-family:inherit}.container{max-width:1340px;margin:0 auto;padding:0 2.5rem}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:.85rem}.text-lg{font-size:1.15rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:1.75rem;transition:all .35s cubic-bezier(.25,.8,.25,1)}.card:hover{box-shadow:var(--shadow-md);border-color:#bfa05459;transform:translateY(-3px)}.btn{border-radius:var(--radius-sm);letter-spacing:.02em;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0f172a0a}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:var(--color-text-inverse);border:1px solid var(--color-primary-dark)}.btn-primary:hover{background:linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 100%);transform:translateY(-1px);box-shadow:0 6px 16px #63002426}.btn-primary:active{transform:translateY(1px)}.btn-outline{color:var(--color-primary);border:1.5px solid var(--color-primary);background-color:#0000}.btn-outline:hover{background-color:var(--color-gold-light);border-color:var(--color-gold);color:var(--color-gold-hover);transform:translateY(-1px)}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.input-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700}.input-field{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-main);background-color:var(--color-surface);padding:.85rem 1.15rem;font-family:inherit;font-size:.925rem;transition:all .25s}.input-field::placeholder{color:var(--color-placeholder);opacity:.8}.input-field:hover{border-color:var(--color-border-hover)}.input-field:focus{border-color:var(--color-gold);box-shadow:var(--shadow-gold-glow);outline:none}.data-table{border-collapse:separate;border-spacing:0 .5rem;width:100%}.data-table th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid var(--color-border);background-color:#0000;padding:1.15rem 1.5rem;font-size:.8rem;font-weight:700}.data-table td{background-color:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:1.25rem 1.5rem;transition:all .25s}.data-table td:first-child{border-left:1px solid var(--color-border);border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.data-table td:last-child{border-right:1px solid var(--color-border);border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.data-table tr:hover td{background-color:var(--color-gold-light);border-color:#bfa05440}.settings-system-grid,.settings-companies-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1.35fr);gap:2.5rem;display:grid}.settings-search-form{gap:.5rem;margin-top:.5rem;margin-bottom:.5rem;display:flex}.settings-directory-tabs{-webkit-overflow-scrolling:touch;white-space:nowrap;gap:.5rem;margin-bottom:-2px;padding-bottom:2px;display:flex;overflow-x:auto}@media (width<=1024px){.settings-system-grid,.settings-companies-grid{grid-template-columns:1fr;gap:1.5rem}}@media (width<=768px){.settings-search-form{flex-direction:column;gap:.75rem}.settings-search-form .input-field{width:100%}}.smtp-host-port-grid{grid-template-columns:2.2fr .8fr;gap:.75rem;display:grid}.smtp-checkboxes-container{align-items:center;gap:1.5rem;margin:.25rem 0;display:flex}.smtp-buttons-container{gap:.75rem;margin-top:.5rem;display:flex}@media (width<=640px){.smtp-host-port-grid{grid-template-columns:1fr;gap:1rem}.smtp-checkboxes-container{flex-direction:column;align-items:flex-start;gap:1rem}.smtp-buttons-container{flex-direction:column;gap:1rem}.smtp-buttons-container button{flex:none;width:100%}}