:root{font-family:Inter,Arial,sans-serif}body{margin:0}:root{--bg:#050b18;--bg-2:#071225;--bg-3:#0b1730;--surface:#0d1b33eb;--surface-2:#0f2242e0;--surface-3:#ffffff0b;--text:#f6f9ff;--text-soft:#a7b2c8;--text-muted:#6f7a91;--primary:#2f80ff;--primary-2:#0057ff;--success:#27d17f;--warning:#ff9f2f;--danger:#ff4d6d;--border:#ffffff17;--border-strong:#ffffff29;--shadow:0 24px 70px #00000061;--radius:22px;--radius-sm:14px;--sidebar-width:290px;--bottom-nav-height:88px}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 20% 0,#2f80ff29,#0000 34%),radial-gradient(circle at 90% 15%,#27d17f14,#0000 28%),linear-gradient(#050b18 0%,#071225 48%,#050b18 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}#root,.app,.app-shell,.crm-shell,.dashboard-shell{min-height:100vh}.app-shell,.crm-shell,.layout{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid}.sidebar,.side-menu,.app-sidebar{border-right:1px solid var(--border);z-index:30;background:linear-gradient(#050b18f5,#071225f5),radial-gradient(circle at 40% 0,#2f80ff26,#0000 40%);height:100vh;padding:22px 18px;position:sticky;top:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.side-menu::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px}.side-menu::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px}.sidebar-brand,.brand-card,.logo-area{border:1px solid var(--border);background:#ffffff09;border-radius:22px;align-items:center;gap:14px;min-height:88px;margin-bottom:18px;padding:16px;display:flex}.sidebar-logo,.brand-logo,.logo-preview,.workshop-logo{object-fit:contain;background:#ffffff0a;border-radius:10px;width:92px;max-width:92px;height:54px}.sidebar-title,.brand-title,.workshop-name{color:var(--text);letter-spacing:.2px;font-size:19px;font-weight:800;line-height:1.15}.sidebar-subtitle,.brand-subtitle{color:var(--text-soft);margin-top:4px;font-size:13px}.sidebar nav,.sidebar-nav,.menu-list,.nav-list{flex-direction:column;gap:9px;display:flex}.sidebar nav button,.sidebar-nav button,.nav-button,.menu-button,.sidebar-link{width:100%;min-height:50px;color:var(--text-soft);text-align:left;background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:11px;padding:0 16px;font-size:15px;font-weight:700;transition:all .18s;display:flex}.sidebar nav button:hover,.sidebar-nav button:hover,.nav-button:hover,.menu-button:hover,.sidebar-link:hover{color:var(--text);border-color:var(--border);background:#ffffff0e}.sidebar nav button.active,.sidebar-nav button.active,.nav-button.active,.menu-button.active,.sidebar-link.active,.sidebar nav button[aria-current=page]{color:var(--text);background:linear-gradient(135deg,#2f80ff47,#2f80ff17);border-color:#2f80ff5c;box-shadow:inset 0 0 0 1px #2f80ff14}.main,.main-content,.content,.page,main{min-width:0;padding:34px}.page-header,.main-header,.dashboard-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}h1,.page-title,.main-title{color:var(--text);letter-spacing:-1.4px;margin:0;font-size:clamp(32px,4vw,54px);font-weight:900;line-height:.98}h2,.section-title{color:var(--text);letter-spacing:-.6px;margin:0 0 10px;font-size:28px;line-height:1.1}h3{color:var(--text)}p,small,label,.subtitle,.page-subtitle,.muted{color:var(--text-soft)}.card,.panel,.box,.widget,.stat-card,.metric-card,.summary-card,.finance-card,.data-card,.form-card,.table-card{background:linear-gradient(180deg, #ffffff0c, #ffffff06), var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 16px 45px #0000002b}.panel,.form-card,.table-card{margin-bottom:22px;padding:24px}.card:hover,.panel:hover,.stat-card:hover,.metric-card:hover{border-color:#ffffff29}.hero-card,.welcome-card,.dashboard-hero{background:radial-gradient(circle at 90% 20%, #2f80ff47, transparent 34%), linear-gradient(135deg, #2f80ff33, #050b18d1), var(--surface);border:1px solid #2f80ff38;border-radius:26px;margin-bottom:20px;padding:30px;position:relative;overflow:hidden}.hero-card:after,.welcome-card:after,.dashboard-hero:after{content:"";pointer-events:none;background:#ffffff09;border-radius:40px;width:170px;height:170px;position:absolute;top:18px;right:30px;transform:rotate(18deg)}.hero-card h1,.welcome-card h1,.dashboard-hero h1{z-index:2;margin-bottom:12px;font-size:clamp(38px,8vw,64px);position:relative}.hero-card p,.welcome-card p,.dashboard-hero p{z-index:2;margin:0;font-size:18px;position:relative}.stats-grid,.metric-grid,.dashboard-grid,.kpi-grid,.summary-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin-bottom:22px;display:grid}.stat-card,.metric-card,.kpi-card{flex-direction:column;justify-content:center;min-height:142px;padding:22px;display:flex}.stat-card span,.metric-card span,.kpi-card span,.stat-label,.metric-label{color:var(--text-soft);margin-bottom:12px;font-size:15px;font-weight:700}.stat-card strong,.metric-card strong,.kpi-card strong,.stat-value,.metric-value{color:var(--text);letter-spacing:-1.2px;font-size:clamp(30px,4vw,48px);font-weight:900;line-height:1}.finance-row,.finance-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.finance-card{min-height:150px;padding:26px}.finance-card strong,.finance-card .value{color:var(--text);letter-spacing:-1.4px;font-size:clamp(34px,5vw,56px);font-weight:900}.finance-card.success,.finance-card:nth-of-type(odd){background:radial-gradient(circle at 10% 50%, #27d17f29, transparent 30%), var(--surface);border-color:#27d17f40}.finance-card.warning,.finance-card.cost,.finance-card:nth-of-type(2n){background:radial-gradient(circle at 10% 50%, #ff9f2f24, transparent 30%), var(--surface);border-color:#ff9f2f47}.btn,button.btn,.primary-btn,.btn-primary,.action-btn,button[type=submit]{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff;border:0;border-radius:14px;min-height:46px;padding:0 18px;font-weight:800;box-shadow:0 14px 28px #2f80ff38}.btn:hover,.primary-btn:hover,.btn-primary:hover,.action-btn:hover,button[type=submit]:hover{filter:brightness(1.08)}.btn-secondary,.secondary-btn,button.secondary{border:1px solid var(--border);min-height:46px;color:var(--text);background:#ffffff0f;border-radius:14px;padding:0 18px;font-weight:800}.btn-danger,.danger-btn{color:#ffb6c4;box-shadow:none;background:#ff4d6d24;border:1px solid #ff4d6d40}.form-grid,.fields-grid,.grid-form{grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px;display:grid}.form-row,.field,.input-group{flex-direction:column;gap:7px;display:flex}label{font-size:13px;font-weight:800}input,select,textarea{border:1px solid var(--border);width:100%;min-height:46px;color:var(--text);background:#ffffff0e;border-radius:14px;outline:none;padding:0 14px}textarea{resize:vertical;min-height:110px;padding-top:12px}input:focus,select:focus,textarea:focus{border-color:#2f80ff8c;box-shadow:0 0 0 4px #2f80ff1c}.table-wrap,.table-wrapper,.responsive-table{border:1px solid var(--border);border-radius:20px;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;color:var(--text)}thead th{color:var(--text-soft);text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:16px;font-size:13px;font-weight:900}tbody td{color:var(--text);vertical-align:middle;border-bottom:1px solid #ffffff0e;padding:15px 16px}tbody tr:hover{background:#ffffff09}.auth-page,.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card,.login-card{background:var(--surface);border:1px solid var(--border);width:min(440px,100%);box-shadow:var(--shadow);border-radius:26px;padding:28px}.modal-backdrop,.overlay{z-index:80;background:#000000ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal,.dialog{border:1px solid var(--border);width:min(760px,100%);max-height:88vh;box-shadow:var(--shadow);background:#081327;border-radius:24px;padding:24px;overflow-y:auto}@media (width<=900px){.app-shell,.crm-shell,.layout{display:block}.main,.main-content,.content,.page,main{padding:18px 14px calc(var(--bottom-nav-height) + 28px)}.page-header,.main-header,.dashboard-header{margin-bottom:18px;display:block}h1,.page-title,.main-title{letter-spacing:-1px;font-size:38px;line-height:1.02}h2,.section-title{font-size:26px}.sidebar,.side-menu,.app-sidebar{width:auto;height:var(--bottom-nav-height);z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#081327f5,#050b18f5);border:1px solid #2f80ff38;border-radius:24px;padding:8px 10px;position:fixed;inset:auto 12px 10px;overflow:visible;box-shadow:0 18px 50px #00000073}.sidebar-brand,.brand-card,.logo-area,.sidebar-footer,.user-box{display:none!important}.sidebar nav,.sidebar-nav,.menu-list,.nav-list{justify-content:space-between;align-items:center;gap:4px;height:100%;flex-direction:row!important;display:flex!important}.sidebar nav>*,.sidebar-nav>*,.menu-list>*,.nav-list>*{display:none!important}.sidebar nav>:first-child,.sidebar nav>:nth-child(2),.sidebar nav>:nth-child(3),.sidebar nav>:nth-child(4),.sidebar nav>:nth-child(10),.sidebar-nav>:first-child,.sidebar-nav>:nth-child(2),.sidebar-nav>:nth-child(3),.sidebar-nav>:nth-child(4),.sidebar-nav>:nth-child(10),.menu-list>:first-child,.menu-list>:nth-child(2),.menu-list>:nth-child(3),.menu-list>:nth-child(4),.menu-list>:nth-child(10),.nav-list>:first-child,.nav-list>:nth-child(2),.nav-list>:nth-child(3),.nav-list>:nth-child(4),.nav-list>:nth-child(10){display:flex!important}.sidebar nav>:first-child,.sidebar-nav>:first-child,.menu-list>:first-child,.nav-list>:first-child{order:1}.sidebar nav>:nth-child(3),.sidebar-nav>:nth-child(3),.menu-list>:nth-child(3),.nav-list>:nth-child(3){order:2}.sidebar nav>:nth-child(2),.sidebar-nav>:nth-child(2),.menu-list>:nth-child(2),.nav-list>:nth-child(2){order:3}.sidebar nav>:nth-child(4),.sidebar-nav>:nth-child(4),.menu-list>:nth-child(4),.nav-list>:nth-child(4){order:4}.sidebar nav>:nth-child(10),.sidebar-nav>:nth-child(10),.menu-list>:nth-child(10),.nav-list>:nth-child(10){order:5}.sidebar nav button,.sidebar-nav button,.nav-button,.menu-button,.sidebar-link{text-align:center;width:20%;min-width:0;height:70px;min-height:70px;color:var(--text-soft);white-space:normal;border-radius:18px;flex-direction:column;justify-content:center;gap:3px;padding:8px 4px 7px;font-size:11px;line-height:1.1}.sidebar nav button:before,.sidebar-nav button:before,.nav-button:before,.menu-button:before,.sidebar-link:before{margin-bottom:2px;font-size:22px;line-height:1;display:block}.sidebar nav>:first-child button:before,.sidebar-nav>:first-child button:before,.menu-list>:first-child button:before,.nav-list>:first-child button:before,.sidebar nav>button:first-child:before,.sidebar-nav>button:first-child:before{content:"⌂"}.sidebar nav>:nth-child(3) button:before,.sidebar-nav>:nth-child(3) button:before,.menu-list>:nth-child(3) button:before,.nav-list>:nth-child(3) button:before,.sidebar nav>button:nth-child(3):before,.sidebar-nav>button:nth-child(3):before{content:"☷"}.sidebar nav>:nth-child(2) button:before,.sidebar-nav>:nth-child(2) button:before,.menu-list>:nth-child(2) button:before,.nav-list>:nth-child(2) button:before,.sidebar nav>button:nth-child(2):before,.sidebar-nav>button:nth-child(2):before{content:"+";color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-2));border-radius:999px;place-items:center;width:48px;height:48px;margin-top:-22px;font-size:32px;display:grid;box-shadow:0 16px 30px #2f80ff66}.sidebar nav>:nth-child(4) button:before,.sidebar-nav>:nth-child(4) button:before,.menu-list>:nth-child(4) button:before,.nav-list>:nth-child(4) button:before,.sidebar nav>button:nth-child(4):before,.sidebar-nav>button:nth-child(4):before{content:"☻"}.sidebar nav>:nth-child(10) button:before,.sidebar-nav>:nth-child(10) button:before,.menu-list>:nth-child(10) button:before,.nav-list>:nth-child(10) button:before,.sidebar nav>button:nth-child(10):before,.sidebar-nav>button:nth-child(10):before{content:"○"}.sidebar nav button.active,.sidebar-nav button.active,.nav-button.active,.menu-button.active,.sidebar-link.active{color:#fff;background:#2f80ff21;border-color:#2f80ff42}.hero-card,.welcome-card,.dashboard-hero{border-radius:24px;margin-bottom:16px;padding:24px 20px}.hero-card h1,.welcome-card h1,.dashboard-hero h1{letter-spacing:-1.2px;font-size:40px}.hero-card p,.welcome-card p,.dashboard-hero p{font-size:16px}.stats-grid,.metric-grid,.dashboard-grid,.kpi-grid,.summary-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card,.metric-card,.kpi-card{border-radius:20px;min-height:132px;padding:18px}.stat-card span,.metric-card span,.kpi-card span,.stat-label,.metric-label{margin-bottom:10px;font-size:13px}.stat-card strong,.metric-card strong,.kpi-card strong,.stat-value,.metric-value{font-size:31px}.finance-row,.finance-grid{grid-template-columns:1fr;gap:12px}.finance-card{border-radius:22px;min-height:132px;padding:22px}.finance-card strong,.finance-card .value{font-size:38px}.panel,.form-card,.table-card{border-radius:22px;padding:18px}.form-grid,.fields-grid,.grid-form{grid-template-columns:1fr}.table-wrap,.table-wrapper,.responsive-table{border:0;overflow:visible}table,thead,tbody,th,td,tr{display:block}thead{display:none}tbody{gap:12px;display:grid}tbody tr{border:1px solid var(--border);background:linear-gradient(180deg, #ffffff0b, #ffffff06), var(--surface);border-radius:20px;padding:16px;box-shadow:0 12px 30px #00000021}tbody td{border:0;padding:7px 0;font-size:15px}tbody td:first-child{color:#fff;font-size:18px;font-weight:900}tbody td button,tbody td .btn,tbody td .primary-btn{width:100%;margin-top:8px}.modal,.dialog{border-radius:22px;max-height:92vh;padding:18px}}@media (width<=480px){.main,.main-content,.content,.page,main{padding-left:12px;padding-right:12px}h1,.page-title,.main-title{font-size:34px}.stats-grid,.metric-grid,.dashboard-grid,.kpi-grid,.summary-grid{grid-template-columns:1fr 1fr}.stat-card strong,.metric-card strong,.kpi-card strong,.stat-value,.metric-value{font-size:27px}.finance-card strong,.finance-card .value{font-size:34px}.sidebar,.side-menu,.app-sidebar{bottom:8px;left:8px;right:8px}.sidebar nav button,.sidebar-nav button,.nav-button,.menu-button,.sidebar-link{font-size:10px}}@media (width<=900px){body{background:radial-gradient(circle at 30% 0,#2f80ff29,#0000 32%),linear-gradient(#050b18 0%,#071225 45%,#050b18 100%)!important}.main,.main-content,.content,.page,main{padding:105px 16px 120px!important}.sidebar-brand,.brand-card,.logo-area{top:calc(12px + env(safe-area-inset-top))!important;z-index:120!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;background:linear-gradient(#0a1830f5,#050b18f5)!important;border:1px solid #ffffff17!important;border-radius:22px!important;align-items:center!important;gap:12px!important;height:72px!important;min-height:72px!important;margin:0!important;padding:12px 14px!important;display:flex!important;position:fixed!important;left:14px!important;right:14px!important;box-shadow:0 18px 45px #0000006b!important}.sidebar-logo,.brand-logo,.workshop-logo,.logo-preview{object-fit:contain!important;background:0 0!important;border-radius:10px!important;width:82px!important;max-width:82px!important;height:42px!important}.sidebar-title,.brand-title,.workshop-name{color:#fff!important;letter-spacing:.2px!important;font-size:17px!important;font-weight:900!important;line-height:1.1!important}.sidebar-subtitle,.brand-subtitle{display:none!important}.sidebar,.side-menu,.app-sidebar{left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;z-index:130!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;background:linear-gradient(#081327f7,#040a16fa)!important;border:1px solid #2f80ff2e!important;border-radius:24px!important;width:auto!important;height:78px!important;min-height:78px!important;padding:8px 10px!important;position:fixed!important;top:auto!important;overflow:visible!important;box-shadow:0 20px 55px #0000008c!important}.sidebar nav,.sidebar-nav,.menu-list,.nav-list{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:4px!important;height:100%!important;display:flex!important}.sidebar nav button,.sidebar-nav button,.nav-button,.menu-button,.sidebar-link{text-align:center!important;color:#9aa7bd!important;background:0 0!important;border:1px solid #0000!important;border-radius:18px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;width:20%!important;min-width:0!important;height:62px!important;min-height:62px!important;padding:6px 4px!important;font-size:10.5px!important;font-weight:800!important;line-height:1.05!important;display:flex!important}.sidebar nav button.active,.sidebar-nav button.active,.nav-button.active,.menu-button.active,.sidebar-link.active{color:#fff!important;background:#2f80ff21!important;border-color:#2f80ff40!important}.sidebar nav>:nth-child(2) button:before,.sidebar-nav>:nth-child(2) button:before,.menu-list>:nth-child(2) button:before,.nav-list>:nth-child(2) button:before,.sidebar nav>button:nth-child(2):before,.sidebar-nav>button:nth-child(2):before{content:"+"!important;color:#fff!important;background:linear-gradient(135deg,#2f80ff,#0057ff)!important;border-radius:999px!important;place-items:center!important;width:46px!important;height:46px!important;margin-top:-24px!important;margin-bottom:2px!important;font-size:32px!important;font-weight:500!important;display:grid!important;box-shadow:0 16px 34px #2f80ff6b!important}.page-header,.main-header,.dashboard-header{margin-bottom:16px!important}h1,.page-title,.main-title{letter-spacing:-.8px!important;margin-bottom:8px!important;font-size:34px!important;line-height:1.05!important}.page-subtitle,.subtitle,.muted{color:#9aa7bd!important;font-size:14px!important}.page-header button,.main-header button,.dashboard-header button{color:#fff!important;background:#ffffff12!important;border:1px solid #ffffff1f!important;border-radius:14px!important;min-height:38px!important;padding:0 16px!important;font-weight:800!important}.card,.panel,.box,.widget,.stat-card,.metric-card,.summary-card,.finance-card,.data-card,.form-card,.table-card{box-shadow:none!important;background:linear-gradient(#ffffff0a,#ffffff05),#0b1730!important;border:1px solid #ffffff14!important;border-radius:22px!important}.stat-card,.metric-card,.kpi-card{min-height:118px!important;padding:18px!important}.stat-card span,.metric-card span,.kpi-card span,.stat-label,.metric-label{color:#a7b2c8!important;font-size:13px!important}.stat-card strong,.metric-card strong,.kpi-card strong,.stat-value,.metric-value{color:#fff!important;font-size:30px!important}.stats-grid,.metric-grid,.dashboard-grid,.kpi-grid,.summary-grid,.dashboard-cards,.cards-grid,.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;display:grid!important}.finance-card{min-height:120px!important;padding:20px!important}.finance-card strong,.finance-card .value{font-size:34px!important}.table-wrap,.table-wrapper,.responsive-table{border:0!important;overflow:visible!important}table,thead,tbody,th,td,tr{display:block!important}thead{display:none!important}tbody{gap:12px!important;display:grid!important}tbody tr{background:#0b1730!important;border:1px solid #ffffff14!important;border-radius:20px!important;padding:16px!important}tbody td{border:0!important;padding:6px 0!important;font-size:14px!important}tbody td:first-child{color:#fff!important;font-size:17px!important;font-weight:900!important}}@media (width<=420px){.main,.main-content,.content,.page,main{padding-left:14px!important;padding-right:14px!important}h1,.page-title,.main-title{font-size:32px!important}.sidebar-logo,.brand-logo,.workshop-logo,.logo-preview{width:74px!important;height:38px!important}.sidebar-title,.brand-title,.workshop-name{font-size:16px!important}.sidebar,.side-menu,.app-sidebar{left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important}}