/* KitUz shared design system — TailAdmin-inspired, restrained blue/white UI. */
:root{--kituz-primary:#465fff;--kituz-primary-hover:#3641f5;--kituz-primary-soft:#eef2ff;--kituz-ink:#101828;--kituz-text:#344054;--kituz-muted:#667085;--kituz-subtle:#98a2b3;--kituz-line:#e4e7ec;--kituz-line-soft:#f0f2f6;--kituz-page:#f7f9fc;--kituz-surface:#fff;--kituz-radius:10px;--kituz-font:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--kituz-display:'Space Grotesk','Inter',sans-serif}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--kituz-font);color:var(--kituz-ink);background:var(--kituz-page);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-color:rgba(70,95,255,.45)}.icon{flex-shrink:0;vertical-align:middle}
.site-header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.96);border-bottom:1px solid var(--kituz-line);box-shadow:none;backdrop-filter:blur(14px)}.header-inner{width:min(1440px,100%);min-height:72px;margin:0 auto;padding:10px 28px;gap:24px}.logo{display:inline-flex;align-items:center;gap:9px;color:var(--kituz-ink);font-family:var(--kituz-display);font-size:22px;font-weight:700;letter-spacing:-.065em;text-decoration:none}.brand-logo-icon{display:block;width:34px;height:34px;object-fit:contain;border-radius:9px}.brand-wordmark{font-family:var(--kituz-display);font-size:22px;font-weight:700;letter-spacing:-.065em}.logo-accent{color:var(--kituz-primary)}.main-nav{display:flex;align-items:center;gap:4px}.main-nav a{display:inline-flex;align-items:center;gap:7px;padding:10px 11px;border-radius:8px;color:var(--kituz-muted);font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.main-nav a:hover{background:#f5f7ff;color:var(--kituz-primary)}.main-nav a.active{background:var(--kituz-primary-soft);color:var(--kituz-primary)}.main-nav a svg{width:15px;height:15px}.header-actions{display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:9px 14px;border:1px solid transparent;border-radius:8px;font:600 12px/1.2 var(--kituz-font);text-decoration:none;box-shadow:none;transition:background .15s,border-color .15s,color .15s}.btn-primary{border-color:var(--kituz-primary);background:var(--kituz-primary);color:#fff}.btn-primary:hover{border-color:var(--kituz-primary-hover);background:var(--kituz-primary-hover);color:#fff}.btn-outline{border-color:#d0d5dd;background:#fff;color:#344054}.btn-outline:hover{border-color:#b8c5ff;background:#fafbff;color:var(--kituz-primary)}.burger{display:none;border:0;background:transparent;color:var(--kituz-ink)}.site-main{min-height:70vh;background:var(--kituz-page);color:var(--kituz-ink)}.site-footer{background:#fff;border-top:1px solid var(--kituz-line);color:var(--kituz-muted)}.footer-inner{width:min(1320px,calc(100% - 56px));margin:0 auto;padding:36px 0}.site-footer .logo{color:var(--kituz-ink)}.site-footer .logo-accent{color:var(--kituz-primary)}.footer-text,.footer-col a{color:var(--kituz-muted)}.footer-col h4{color:var(--kituz-ink)}.footer-col a{text-decoration:none}.footer-col a:hover{color:var(--kituz-primary)}.footer-bottom{border-top:1px solid var(--kituz-line);color:var(--kituz-subtle)}
/* Common data-entry and panel surfaces used across account pages. */
.card,.panel,.stat-card,.table-container,.content-card{border:1px solid var(--kituz-line);border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.025)}.form-group label,label{color:#344054}.form-group input,.form-group select,.form-group textarea,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],select,textarea{border-color:#d0d5dd;border-radius:8px;background:#fff;color:var(--kituz-ink)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,input:focus,select:focus,textarea:focus{border-color:#9eafff;box-shadow:0 0 0 3px rgba(70,95,255,.09);outline:0}.flash{border-radius:9px}.table th{color:#667085;background:#f9fafb}.table td{color:#344054;border-color:#eaecf0}.badge,.status-badge{border-radius:5px}.site-main .btn-primary svg,.site-main .btn-outline svg{flex:none}
body:has(.kituz-auth-page){background:#f7f9fc}body:has(.kituz-auth-page) .site-main{min-height:0;padding:0;background:#f7f9fc}.kituz-auth-page{font-family:var(--kituz-font)}.kituz-auth-title{font-family:var(--kituz-display)!important;letter-spacing:-.06em!important}.kituz-auth-submit{font-family:var(--kituz-font)!important;background:var(--kituz-primary)!important;border-color:var(--kituz-primary)!important;border-radius:8px!important}.kituz-auth-submit:hover{background:var(--kituz-primary-hover)!important}
body:has(.kituz-docs-page){background:#f7f9fc;background-image:none!important}body:has(.kituz-docs-page) .site-main{background:#f7f9fc}body:has(.kituz-docs-page) .main-nav a.active{background:var(--kituz-primary-soft);color:var(--kituz-primary)}body:has(.kituz-docs-page) .btn-primary{background:var(--kituz-primary);border-color:var(--kituz-primary)}body:has(.kituz-docs-page) .btn-primary:hover{background:var(--kituz-primary-hover)}
@media(max-width:1100px){.header-inner{gap:12px;padding:10px 18px}.main-nav a{padding:9px 8px;font-size:11px}.brand-wordmark{font-size:20px}}
@media(max-width:860px){.header-inner{min-height:65px;flex-wrap:wrap}.burger{display:inline-flex;align-items:center;justify-content:center;order:3;margin-left:auto;width:38px;height:38px;border-radius:8px}.main-nav{display:none;order:4;flex:0 0 100%;width:100%;padding:8px 0 4px;border-top:1px solid var(--kituz-line-soft);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{padding:10px 12px}.header-actions{margin-left:auto}.header-actions.open{display:flex}.footer-inner{width:calc(100% - 32px)}}
@media(max-width:480px){.header-inner{padding:9px 12px}.logo{gap:7px}.brand-logo-icon{width:31px;height:31px}.brand-wordmark{font-size:19px}.header-actions{gap:5px}.header-actions .btn{min-height:35px;padding:8px 10px;font-size:11px}.footer-inner{padding:28px 0}}