@font-face {
    font-family: "Roboto Condensed";
    src:
        url("../fonts/RobotoCondensed-Regular.woff2") format("woff2"),
        url("../fonts/RobotoCondensed-Regular.woff") format("woff"),
        url("../fonts/RobotoCondensed-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --crm-font-family: "Roboto Condensed", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    --crm-font-size-base: 15px;
    --crm-title-size: 28px;
    --crm-subtitle-size: 20px;
    --crm-sidebar-width: 245px;
    --crm-header-height: 66px;
    --crm-radius-sm: 10px;
    --crm-radius-md: 14px;
    --crm-radius-lg: 20px;
    --crm-gap: 18px;
    --crm-bg: #f3f6fb;
    --crm-surface: #ffffff;
    --crm-surface-soft: #f8fafc;
    --crm-text: #0f172a;
    --crm-muted: #64748b;
    --crm-border: #e2e8f0;
    --crm-primary: #2563eb;
    --crm-primary-2: #06b6d4;
    --crm-success: #16a34a;
    --crm-warning: #f59e0b;
    --crm-danger: #dc2626;
    --crm-sidebar-bg: #0f172a;
    --crm-sidebar-bg-2: #111827;
    --crm-sidebar-text: rgba(255,255,255,.78);
    --crm-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
    --crm-shadow-soft: 0 10px 24px rgba(15, 23, 42, 0.06);

--crm-main-padding-top: 24px;
--crm-main-padding-x: 28px;
--crm-main-padding-bottom: 28px;

--crm-page-head-height: 62px;
--crm-page-head-bg: var(--crm-bg);
--crm-page-head-border: rgba(15, 23, 42, .06);
--crm-page-head-shadow: 0 12px 22px -20px rgba(15, 23, 42, .65);
--crm-page-head-blur: 10px;
--crm-page-head-title-size: 25px;
--crm-page-head-z-index: 20;
--crm-mobile-footer-height: 64px;
--crm-mobile-footer-bg: #1a3347;
--crm-mobile-footer-border: #e6eaf2;
--crm-mobile-footer-text: #ffffff;
--crm-mobile-footer-icon: #ffffff;
--crm-mobile-footer-icon-active: #00dfbf;
--crm-mobile-footer-icon-size: 27px;
--crm-mobile-footer-gap: 4px;
--crm-mobile-footer-stroke: 1.3;
--crm-mobile-footer-z-index: 300;
--crm-btn-height: 40px;
--crm-btn-padding-x: 14px;
--crm-btn-radius: 12px;
--crm-btn-font-size: 14px;
--crm-btn-font-weight: 500;

--crm-icon-size: 22px;
--crm-icon-stroke: 2;
--crm-icon-btn-size: 42px;
--crm-icon-btn-radius: 14px;
--crm-icon-btn-bg: #ffffff;
--crm-icon-btn-color: var(--crm-text);
--crm-icon-btn-border: var(--crm-border);
--crm-icon-btn-shadow: 0 10px 22px rgba(15, 23, 42, .08);
--crm-icon-btn-active-bg: rgba(37, 99, 235, .10);
--crm-icon-btn-active-color: var(--crm-primary);

--crm-mobile-modal-bg: var(--crm-bg);
--crm-mobile-modal-panel-bg: var(--crm-surface);
--crm-mobile-modal-z-index: 1200;
--crm-modal-head-height: var(--crm-page-head-height);
--crm-modal-head-bg: var(--crm-page-head-bg);
--crm-modal-head-border: var(--crm-page-head-border);
--crm-modal-head-shadow: var(--crm-page-head-shadow);
--crm-modal-head-blur: var(--crm-page-head-blur);
--crm-modal-head-title-size: 24px;
--crm-modal-head-subtitle-size: 13px;
--crm-modal-head-z-index: 5;
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--crm-bg); }
body {
    min-height: 100%;
    margin: 0;
    font-family: var(--crm-font-family);
    font-size: var(--crm-font-size-base);
    line-height: 1.45;
    color: var(--crm-text);
    background: var(--crm-bg);
}
button, input, select, textarea { font: inherit; }
a { color: inherit; }
[x-cloak] { display: none !important; }
::selection { background: rgba(37, 99, 235, .18); }