:root{--red:#b91e2c;--red2:#e7515c;--redbg:#fff2f2;--ink:#202838;--muted:#788496;--line:#e8ebef;--pale:#f7f8fa;--white:#fff;--navy:#1e2633;--shadow:0 12px 40px rgba(23,31,45,.07)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;background:var(--pale)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1.3px;line-height:1.2;font-weight:760}h2{font-size:18px;letter-spacing:-.3px}.muted,.small{color:var(--muted)}.small{font-size:12px}.overline,.eyebrow{letter-spacing:1.6px;font-weight:750;font-size:10px;color:var(--red)}.shell{min-height:100vh;display:flex}.sidebar{width:240px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0;padding:27px 15px 18px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:0 9px 36px}.brand-mark,.logo{display:grid;place-items:center;border-radius:14px;background:var(--red);color:#fff;font-size:30px;font-weight:830;height:55px;width:55px;letter-spacing:-2px}.brand-mark span{color:#ffafac}.brand-mark.small{height:42px;width:42px;border-radius:11px;font-size:22px}.brand-text{display:flex;flex-direction:column}.brand-text strong{font-size:13px;letter-spacing:-.3px}.brand-text small{font-size:8px;color:#9ba3b0;letter-spacing:1.5px;font-weight:750;margin-top:3px}.side-section{font-size:10px;color:#a7aeba;font-weight:750;letter-spacing:1.4px;margin:0 12px 13px}.sidenav{display:grid;gap:5px}.nav-link{width:100%;border:0;background:transparent;color:#627083;padding:13px 13px;text-align:left;display:flex;align-items:center;gap:13px;border-radius:10px;font-weight:600}.nav-link:hover,.nav-link.active{background:#fff0f0;color:var(--red)}.nav-ico{font-size:22px;width:20px;text-align:center;line-height:1}.sidebar-spacer{flex:1}.sidebar-bottom{display:grid;gap:14px}.ai-indicator{padding:13px;display:flex;gap:10px;align-items:center;background:var(--pale);border-radius:12px}.ai-indicator strong,.profile strong{font-size:12px;display:block}.ai-indicator small,.profile small{display:block;font-size:10px;color:var(--muted)}.ai-dot{height:8px;width:8px;border-radius:50%;background:#cbd0d6;box-shadow:0 0 0 4px #f1f2f4}.ai-dot.on{background:#21a779;box-shadow:0 0 0 4px #d6f8e9}.profile{border:1px solid var(--line);background:#fff;padding:9px;display:flex;text-align:left;align-items:center;gap:9px;border-radius:12px}.avatar{height:32px;width:32px;border-radius:9px;background:#f9d9db;display:grid;place-items:center;font-weight:750;color:var(--red)}.profile>div:nth-child(2){flex:1;min-width:0}.profile strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gear{font-size:17px;color:#8c96a4}.logout{font-size:12px}.main-column{flex:1;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:14px}.breadcrumbs{display:flex;gap:13px;align-items:center;color:#929ca9;font-size:12px}.breadcrumbs strong{color:var(--ink)}.crumb-divider{font-size:19px;color:#c8cdd2}.top-actions{display:flex;gap:10px;align-items:center}.secure-label{color:#659a81;font-size:11px;font-weight:700;margin-right:10px}.btn{border-radius:9px;border:1px solid transparent;min-height:41px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;letter-spacing:-.1px;white-space:nowrap;text-decoration:none}.btn.primary{background:var(--red);color:white;box-shadow:0 4px 10px rgba(185,30,44,.15)}.btn.primary:hover{background:#9f1220}.btn.outline{background:#fff;border-color:#e1e4e8;color:#455365}.btn.outline:hover{border-color:var(--red);color:var(--red)}.btn.small{min-height:36px;padding:0 13px;font-size:12px}.btn.tiny{min-height:30px;padding:0 11px;font-size:11px}.btn.full{width:100%}.btn.danger{color:#a31926;border-color:#f3d6da;background:#fff}.content{max-width:1550px;margin:auto;padding:40px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.page-heading h1{margin:7px 0 8px}.page-heading p{color:var(--muted)}.heading-dot{color:var(--red)}.page-heading-actions{display:flex;gap:10px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 26px}.stat{padding:21px 22px;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:17px}.stat-icon{width:51px;height:51px;border-radius:12px;display:grid;place-items:center;font-size:23px}.stat-icon.rose{background:#fff0f1;color:#c62e3f}.stat-icon.blue{background:#eef6ff;color:#407eb6}.stat-icon.amber{background:#fff8e9;color:#c58c37}.stat-label{font-size:10px;letter-spacing:1.1px;font-weight:730;color:#8b94a1}.stat-value{font-size:28px;letter-spacing:-1px;font-weight:750;line-height:1.2;margin-top:3px}.table-card,.panel{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.table-toolbar{padding:21px 23px;display:flex;align-items:center;justify-content:space-between;gap:14px}.table-info small{color:var(--muted)}.table-info h2{margin-bottom:2px}.table-filters{display:flex;gap:9px}.searchbox{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;padding:0 11px;width:300px;gap:8px}.searchbox span{font-size:23px;line-height:1;color:#98a0ad}.searchbox input{border:0;outline:0;width:100%;height:38px;min-width:0;font-size:12px}.table-filters select,.field select{border:1px solid var(--line);border-radius:9px;background:#fff;color:#455365;min-height:40px;padding:0 10px}.table-scroll{overflow-x:auto;max-width:100%}.inventory-table{border-collapse:collapse;min-width:1120px;width:100%;text-align:left}.inventory-table th{background:#f9fafb;color:#8590a1;font-weight:780;font-size:10px;letter-spacing:1px;padding:13px 15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}.inventory-table td{border-bottom:1px solid #eff1f3;padding:12px 15px;font-size:12px;vertical-align:middle;color:#647185}.inventory-table tr:hover td{background:#fffcfc}.inventory-table th.num,.inventory-table td.num{padding-left:23px;width:52px}.item-name{font-weight:700;color:#263143;max-width:210px;display:block}.item-cat{font-size:10px;color:#a1a9b3;margin-top:3px}.line-clamp{max-width:240px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.table-photo{width:43px;height:43px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.photo-placeholder{display:grid;place-items:center;background:#f1f3f5;color:#9ea8b4;border-radius:8px;width:43px;height:43px;font-size:16px}.pill{display:inline-flex;white-space:nowrap;border-radius:100px;background:#eaf7ef;color:#277b4e;font-size:10px;font-weight:750;padding:5px 10px}.pill.warn{background:#fff1e6;color:#ad6a1b}.pill.gray{background:#f1f3f6;color:#667382}.pill.red{background:#ffebec;color:#af2937}.table-edit{padding:5px 8px;background:#fff;border:1px solid #e6e8ec;color:#7b8795;border-radius:8px}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 22px}.table-footer small{color:var(--muted)}.pager{display:flex;gap:7px}.empty{text-align:center;color:var(--muted)!important;padding:55px!important}.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:19px}.panel{padding:27px;display:flex;flex-direction:column;align-items:stretch;gap:17px;min-height:300px}.panel p{line-height:1.8}.panel-icon{border-radius:12px;background:#fff0f0;width:49px;height:49px;display:grid;place-items:center;font-size:28px;color:var(--red)}.panel-icon.mint{background:#e9f7f0;color:#26915b}.note{background:#f7f8fa;border:1px solid #edf0f2;padding:13px 14px;border-radius:10px;color:#687687;font-size:12px}.button-stack{display:flex;flex-wrap:wrap;gap:9px}.stack{display:grid;gap:14px}.gap18{gap:18px}.field{display:flex;flex-direction:column;gap:6px;color:#465266;font-size:12px;font-weight:650}.field input,.field textarea,.field select{border:1px solid #dfe4e8;padding:11px 12px;border-radius:9px;width:100%;background:#fff;color:var(--ink);outline:none;font-weight:450;min-height:43px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--red);box-shadow:0 0 0 3px #ffeff0}.field textarea{resize:vertical;min-height:83px}.login-body{display:grid;place-items:center;min-height:100vh;padding:20px;background:radial-gradient(circle at 75% 0%,#fce5e7 0%,transparent 38%),#f6f7f9}.login-card,.setup-card{max-width:420px;width:100%;background:#fff;padding:37px;border-radius:18px;border:1px solid var(--line);box-shadow:0 22px 70px rgba(40,48,61,.1)}.login-card .brand-mark,.setup-card .logo{margin-bottom:24px}.login-card h1{font-size:31px;margin:9px 0}.login-card>p{margin-bottom:30px}.login-footer{border-top:1px solid var(--line);margin-top:27px;padding-top:17px;color:#99a3b2;font-size:11px;text-align:center}.alert{background:#fff2f3;color:#ac2534;padding:11px 12px;border:1px solid #f5cbd0;border-radius:9px;font-size:12px}.setup-card{max-width:535px;margin:25px auto}.setup-card>p{margin:12px 0 20px}.setup-card form{display:grid;gap:15px}.setup-card hr{border:0;border-top:1px solid var(--line);width:100%;margin:7px 0}.modal-backdrop{position:fixed;inset:0;background:rgba(17,25,37,.54);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{width:min(650px,100%);max-height:min(92vh,850px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 20px 75px #101a2669;padding:27px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:23px}.modal-header h2{font-size:23px;margin-top:6px}.icon-button{display:grid;place-items:center;height:34px;width:34px;border:1px solid var(--line);border-radius:9px;background:white;color:#637082}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.choice{padding:24px 14px;border:1px solid #e4e7eb;border-radius:13px;background:#fff;text-align:left}.choice:hover{border-color:var(--red);background:#fff7f7}.choice .choice-icon{font-size:28px;display:block;margin-bottom:11px;color:var(--red)}.choice strong{display:block;margin-bottom:5px}.choice small{color:#8a95a3;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.span2{grid-column:span 2}.photos-row{display:flex;flex-wrap:wrap;gap:9px}.photo-thumb{width:94px;height:88px;border-radius:10px;border:1px solid var(--line);object-fit:cover}.photo-cell{position:relative}.remove-photo{position:absolute;right:-4px;top:-4px;border:0;border-radius:50%;width:22px;height:22px;color:#fff;background:#8e2631;font-size:12px;box-shadow:0 2px 6px #0002}.photo-actions{display:flex;gap:8px;flex-wrap:wrap}.ai-hint{padding:13px;background:#f5f7fa;border:1px solid #eceff2;border-radius:10px;font-size:12px;color:#516076}.ai-hint.success{background:#ecfaf3;color:#27734c}.modal-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:9px}.form-section-title{font-size:11px;letter-spacing:1.2px;font-weight:800;color:#8893a0;margin:5px 0}.team-list{display:grid;gap:8px}.team-row{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:11px;border-radius:10px;gap:8px}.team-row strong{display:block;color:var(--ink);font-size:12px}.team-row small{font-size:10px}.preview-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px}.preview-wrap table{border-collapse:collapse;font-size:11px;min-width:450px;width:100%}.preview-wrap th,.preview-wrap td{padding:6px;border-bottom:1px solid var(--line);text-align:left;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-wrap th{background:#fafafa}.import-controls{display:grid;gap:13px}.mobile-nav{display:none}#toast{position:fixed;bottom:22px;right:22px;z-index:100;background:#243243;color:white;box-shadow:0 10px 30px #0003;padding:12px 18px;border-radius:11px;font-size:12px;max-width:min(420px,90%);display:none}#toast.show{display:block}#toast.error{background:#ae2331}@media(max-width:1180px){.sidebar{width:205px}.content{padding:27px}.topbar{padding:0 27px}.table-filters .searchbox{width:220px}}@media(max-width:800px){.sidebar{display:none}.topbar{height:63px;padding:0 17px}.secure-label,.top-actions .outline{display:none}.content{padding:21px 14px 110px}.page-heading{align-items:flex-start;gap:12px}.page-heading-actions{display:none}.page-heading h1{font-size:29px}.page-heading p{font-size:12px}.stats{gap:8px;margin-bottom:16px}.stat{padding:11px;display:block;border-radius:11px}.stat-icon{width:32px;height:32px;font-size:17px;margin-bottom:8px}.stat-label{font-size:8px;line-height:1.3}.stat-value{font-size:24px}.table-toolbar{align-items:stretch;flex-direction:column;padding:17px}.table-filters{width:100%}.searchbox{flex:1;width:auto!important}.table-filters select{max-width:125px;font-size:11px}.table-card{border-radius:12px}.two-cards{grid-template-columns:1fr}.panel{padding:21px;min-height:0}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:20;min-height:70px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line);box-shadow:0 -3px 18px #14203312}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:none;font-size:22px;color:#8d98a4}.mobile-nav button.active{color:var(--red)}.mobile-nav small{font-size:9px;font-weight:700}.mobile-nav .mobile-add{height:47px;width:47px;border-radius:15px;background:var(--red);color:white;font-size:28px;justify-self:center;align-self:center;box-shadow:0 4px 12px #b91e2c44}.modal-backdrop{padding:0;align-items:flex-end}.modal-card{width:100%;border-radius:18px 18px 0 0;max-height:94vh;padding:22px 17px calc(20px + env(safe-area-inset-bottom))}.form-grid{gap:12px}.photo-thumb{width:76px;height:70px}.modal-actions .btn{padding:0 12px}.choice{padding:17px 12px}.login-card{padding:30px 25px}.table-footer{padding:13px}.login-body{padding:15px}#toast{bottom:85px;right:10px}}@media(max-width:360px){.stat-value{font-size:21px}.top-actions .btn{padding:0 9px}.breadcrumbs{font-size:10px}.table-filters select{max-width:108px}}
