@page { size: A4; margin: 0; }
:root { --ink:#10191c; --muted:#59676b; --orange:#f57c00; --blue:#1378d1; --cyan:#22b8cf; --green:#20a36a; --red:#df4c4c; --paper:#f3f6f6; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#ccd2d3; font-family:"Segoe UI",Arial,sans-serif; letter-spacing:0; }
.brochure { width:210mm; margin:0 auto; box-shadow:0 0 60px #10191c33; }
.page { width:210mm; height:297mm; padding:15mm 17mm 13mm; position:relative; overflow:hidden; background:#fff; page-break-after:always; break-after:page; }
.topline { height:14mm; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #dfe5e5; color:#6a777a; font-size:9px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; position:relative; z-index:4; }
.top-light { color:#fff; border-color:#ffffff35; }
.logo { width:31mm; height:12mm; object-fit:contain; object-position:left center; }
.logo-white { width:35mm; height:15mm; }
.section-intro { margin-top:16mm; max-width:145mm; }
.section-intro.wide { max-width:166mm; }
.section-intro.compact { margin-top:10mm; max-width:155mm; }
.kicker { margin:0 0 4mm; color:var(--orange); font-size:10px; line-height:1; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.kicker-light { color:#ffb45f; }
h1,h2,h3,p { margin-top:0; }
h1 { margin-bottom:7mm; font-size:39px; line-height:1.02; font-weight:750; letter-spacing:0; }
h2 { margin-bottom:6mm; font-size:31px; line-height:1.08; font-weight:750; letter-spacing:0; }
h3 { font-size:18px; line-height:1.15; }
p { color:var(--muted); font-size:13px; line-height:1.6; }
.page-foot { position:absolute; left:17mm; right:17mm; bottom:8mm; display:flex; justify-content:space-between; padding-top:3mm; border-top:1px solid #dfe5e5; color:#687579; font-size:8px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.foot-light { color:#bac6c9; border-color:#ffffff28; }
.cover { color:#fff; padding:15mm 18mm; background:#0d1518; }
.cover-photo,.finale-photo { position:absolute; inset:0; background:url("login-bg.jpg") center/cover no-repeat; }
.cover-shade,.finale-shade { position:absolute; inset:0; background:rgba(6,15,19,.76); }
.cover .topline { border-bottom:0; }
.cover-copy { position:relative; z-index:2; width:129mm; margin-top:54mm; }
.cover h1 { font-size:42px; line-height:1.03; }
.intro { max-width:110mm; font-size:15px; line-height:1.55; }
.intro-light { color:#e4ebed; }
.cover-bottom { position:absolute; z-index:3; left:18mm; right:18mm; bottom:13mm; display:flex; align-items:flex-end; justify-content:space-between; color:#d5dfe1; font-size:9px; text-transform:uppercase; letter-spacing:.12em; }
.cover-tags { display:flex; gap:2mm; flex-wrap:wrap; width:120mm; }
.cover-tags span { border:1px solid #ffffff65; padding:2.2mm 4mm; border-radius:3px; }
.page-idea { background:var(--paper); }
.operating-map { margin:17mm auto 0; width:160mm; height:112mm; display:grid; grid-template-columns:1fr 1fr 1fr; grid-template-rows:1fr 1fr; align-items:center; gap:8mm 10mm; position:relative; }
.team { min-height:38mm; padding:7mm; background:#fff; border-left:3px solid var(--blue); box-shadow:0 10px 30px #17323810; }
.team small,.team span { display:block; color:#728084; font-size:9px; }.team b{display:block;margin:2mm 0;font-size:16px}.team-b,.team-d{border-color:var(--orange)}
.core-mark { grid-column:2; grid-row:1 / span 2; align-self:center; width:51mm; height:51mm; border:1px solid #b9c5c7; border-radius:50%; display:grid; place-content:center; text-align:center; background:#10191c; color:#fff; box-shadow:0 0 0 8mm #fff; }
.core-mark span { color:var(--orange); font-size:24px; font-weight:900; }.core-mark b{font-size:12px;line-height:1.35}
.team-a{grid-column:1;grid-row:1}.team-b{grid-column:3;grid-row:1}.team-c{grid-column:1;grid-row:2}.team-d{grid-column:3;grid-row:2}
.dark-page { background:#111a1d; color:#fff; }
.dark-page h2,.dark-page h3 { color:#fff; }.dark-page p{color:#bdc8ca}
.module-matrix { margin-top:13mm; display:grid; grid-template-columns:repeat(3,1fr); gap:4mm; }
.module-matrix article { min-height:57mm; padding:7mm; border:1px solid #ffffff22; background:#ffffff0b; border-radius:6px; }
.module-matrix i { display:block;color:#ff9f32;font-style:normal;font-size:10px;font-weight:800 }.module-matrix h3{margin:4mm 0 3mm}.module-matrix p{font-size:10px;line-height:1.5}.module-matrix strong{font-size:7px;letter-spacing:.13em;color:#8edbec}
.split-layout { height:235mm; display:grid; grid-template-columns:.8fr 1.2fr; gap:12mm; align-items:center; }
.copy-block p { font-size:12px; }.feature-list,.check-list{list-style:none;padding:0;margin:8mm 0 0}.feature-list li{padding:4mm 0;border-top:1px solid #dfe5e5}.feature-list b,.feature-list span{display:block}.feature-list b{font-size:11px}.feature-list span{font-size:9px;color:#728084;margin-top:1mm}
.product-ui { background:#f7f9f9; border:1px solid #d9e0e1; box-shadow:0 18px 48px #1d353a22; border-radius:7px; }
.fault-ui { padding:6mm; }.ui-head{display:flex;justify-content:space-between;align-items:center;padding:2mm 1mm 5mm}.ui-head b,.ui-head small{display:block}.ui-head b{font-size:16px}.ui-head small{font-size:8px;color:#768286}.ui-head em{font-style:normal;background:#121c1f;color:#fff;padding:3mm 4mm;border-radius:4px;font-size:9px}
.ui-filters{display:flex;gap:2mm;border-bottom:1px solid #dce3e4;padding-bottom:4mm}.ui-filters span{font-size:8px;padding:2mm 3mm}.ui-filters .active{background:#e4f3fb;color:#0c659d;font-weight:700}
.fault-row{display:grid;grid-template-columns:2mm 1fr auto;gap:4mm;align-items:center;margin-top:4mm;padding:5mm;background:#fff;border:1px solid #e1e7e8;border-radius:4px}.priority{width:2mm;height:22mm;background:var(--blue);border-radius:3px}.fault-row small,.fault-row b,.fault-row span{display:block}.fault-row small{font-size:7px;color:#788589}.fault-row b{font-size:10px;margin:1.5mm 0}.fault-row span{font-size:8px;color:#657377}.fault-row strong{font-size:8px;color:#245d7c}.fault-row.urgent .priority{background:var(--red)}.fault-row.urgent strong{color:var(--red)}.fault-row.done .priority{background:var(--green)}.fault-row.done strong{color:var(--green)}
.ui-status{display:flex;align-items:center;justify-content:space-between;padding:7mm 2mm 1mm}.ui-status span{font-size:7px;color:#5d6b6f}.ui-status i{height:1px;flex:1;background:#cad4d6;margin:0 2mm}
.scan-page{background:#eef4f4}.scan-layout{height:235mm;display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:16mm}.scan-visual{height:150mm;background:#10191c;position:relative;display:grid;place-items:center;border-radius:7px;overflow:hidden;box-shadow:0 25px 55px #16272b30}.qr-real{width:70mm;height:70mm;background-color:#fff;background-image:linear-gradient(90deg,#10191c 12%,transparent 12%,transparent 24%,#10191c 24%,#10191c 36%,transparent 36%,transparent 50%,#10191c 50%,#10191c 62%,transparent 62%,transparent 78%,#10191c 78%),linear-gradient(#10191c 12%,transparent 12%,transparent 26%,#10191c 26%,#10191c 39%,transparent 39%,transparent 53%,#10191c 53%,#10191c 68%,transparent 68%,transparent 82%,#10191c 82%);background-size:17mm 17mm;border:6mm solid #fff;box-shadow:0 15px 35px #0006}.scan-beam{position:absolute;width:92mm;height:1px;background:#ff8a1c;box-shadow:0 0 12px #ff8a1c;top:75mm}.room-label{position:absolute;left:7mm;bottom:7mm;color:#fff}.room-label small,.room-label span{display:block;color:#9fadb0;font-size:7px}.room-label b{font-size:24px}.number-flow{margin-top:9mm}.number-flow div{display:flex;gap:4mm;align-items:center;padding:4mm 0;border-top:1px solid #cbd5d7}.number-flow b{color:var(--orange);font-size:11px}.number-flow span{font-size:11px;font-weight:700}.callout{margin-top:8mm;padding:5mm;border-left:3px solid var(--orange);background:#fff;font-size:10px;line-height:1.5}
.room-dashboard{margin-top:10mm;padding:6mm}.room-dash-head{display:grid;grid-template-columns:1fr repeat(3,24mm);gap:3mm;align-items:center;padding-bottom:5mm}.room-dash-head b,.room-dash-head span{display:block}.room-dash-head>div:first-child b{font-size:16px}.room-dash-head span{font-size:8px;color:#718084}.metric{padding:3mm;background:#fff;text-align:center;border-radius:4px}.metric b{font-size:15px}.metric.green b{color:var(--green)}.metric.orange b{color:var(--orange)}
.room-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3mm}.room-card{height:32mm;padding:4mm;background:#fff;border-left:3px solid var(--green);border-radius:4px}.room-card small,.room-card span{display:block;font-size:7px;color:#738084}.room-card b{display:block;font-size:18px;margin:2mm 0}.room-card.cleaning{border-color:var(--blue)}.room-card.waiting{border-color:#e2a22b}.room-card.issue{border-color:var(--red);background:#fff5f5}.room-legend{display:flex;gap:6mm;margin-top:5mm;padding-top:4mm;border-top:1px solid #dde4e5}.room-legend span{font-size:8px}.dot{display:inline-block;width:2mm;height:2mm;border-radius:50%;margin-right:1.5mm}.green-dot{background:var(--green)}.blue-dot{background:var(--blue)}.amber-dot{background:#e2a22b}.red-dot{background:var(--red)}
.reverse{grid-template-columns:1.2fr .8fr}.maintenance-ui{background:#fff;color:var(--ink);padding:7mm;border-radius:7px;box-shadow:0 20px 50px #0005}.maint-title small,.maint-title b{display:block}.maint-title small{color:var(--orange);font-size:8px;font-weight:800}.maint-title b{font-size:17px;margin:2mm 0 5mm}.maint-item{display:grid;grid-template-columns:15mm 1fr auto;gap:3mm;align-items:center;padding:5mm 0;border-top:1px solid #dfe5e5}.maint-item time{font-size:9px;color:#667477}.maint-item b,.maint-item span{display:block}.maint-item b{font-size:9px}.maint-item span{font-size:7px;color:#758286;margin-top:1mm}.maint-item em{font-style:normal;font-size:7px;color:#9a5d0b;background:#fff1dc;padding:2mm}.maint-item .blue-tag{background:#e3f2fa;color:#176c9a}.maint-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2mm;margin-top:5mm}.maint-stats div{padding:4mm;background:#edf2f2}.maint-stats b,.maint-stats span{display:block}.maint-stats b{font-size:15px}.maint-stats span{font-size:7px;color:#6e7b7e}.light-copy .check-list li{font-size:9px;padding:3mm 0;border-top:1px solid #ffffff20;color:#d4dcde}.light-copy p{color:#bdc8ca}
.inventory-layout{margin-top:13mm;display:grid;grid-template-columns:1.2fr .8fr;gap:11mm;align-items:center}.inventory-table{padding:6mm}.inventory-head{display:flex;justify-content:space-between;padding-bottom:5mm}.inventory-head b{font-size:15px}.inventory-head span{font-size:8px;color:var(--green)}.inventory-row{display:grid;grid-template-columns:1fr 21mm 25mm;align-items:center;gap:3mm;padding:5mm 0;border-top:1px solid #dde4e5}.inventory-row.labels{font-size:7px;color:#768387;text-transform:uppercase}.inventory-row>span{display:grid;grid-template-columns:9mm 1fr}.inventory-row span b,.inventory-row span small{grid-column:2;display:block}.inventory-row span b{font-size:9px}.inventory-row span small{font-size:7px;color:#7b878a}.inventory-row strong{font-size:12px}.inventory-row em{font-style:normal;font-size:7px;padding:2mm;text-align:center}.inventory-row .ok{background:#def5e9;color:#177b4c}.inventory-row .low{background:#fde8e8;color:#b93636}.part{grid-row:1/span 2;width:7mm;height:7mm;background:var(--blue);border-radius:2px}.orange-part{background:var(--orange)}.red-part{background:var(--red)}.stock-foot{display:flex;gap:3mm;margin-top:4mm}.stock-foot span{padding:2mm 3mm;background:#e9eeee;font-size:7px}.big-number{padding:7mm 0;border-top:4px solid var(--orange);border-bottom:1px solid #d5dddd}.big-number small,.big-number b,.big-number span{display:block}.big-number small{font-size:8px;color:#758286;text-transform:uppercase;letter-spacing:.12em}.big-number b{font-size:23px;margin:3mm 0}.big-number span{font-size:11px;color:#465559}.cost-story p{margin-top:8mm}.mini-flow{display:flex;align-items:center;gap:2mm;margin-top:8mm}.mini-flow span{font-size:8px;padding:3mm;background:#111b1e;color:#fff}.mini-flow i{font-style:normal;color:var(--orange)}
.collab-grid{height:177mm;display:grid;grid-template-columns:1fr .72fr;gap:15mm;align-items:center}.channel-list{display:grid;grid-template-columns:1fr 1fr;gap:3mm;margin-top:8mm}.channel-list span{padding:4mm;background:#edf2f2;font-size:8px}.channel-list b{display:block;color:var(--orange);font-size:9px;margin-bottom:1mm}.phone-shell{width:68mm;height:137mm;justify-self:center;padding:5mm;background:#10191c;color:#fff;border:2mm solid #10191c;border-radius:12mm;box-shadow:0 20px 50px #14292d40}.phone-top{display:flex;justify-content:space-between;font-size:6px;color:#9eabad}.phone-top i{width:13mm;height:2mm;background:#2e3b3e;border-radius:2mm}.mobile-title{padding:8mm 1mm 4mm}.mobile-title small,.mobile-title b{display:block}.mobile-title small{font-size:7px;color:#aab6b8}.mobile-title b{font-size:15px;margin-top:1mm}.mobile-stats{display:grid;grid-template-columns:1fr 1fr;gap:2mm}.mobile-stats div{background:#1d292c;padding:3mm;border-radius:4px}.mobile-stats b,.mobile-stats span{display:block}.mobile-stats b{font-size:15px}.mobile-stats span{font-size:6px;color:#aab6b8}.mobile-ticket{margin-top:3mm;padding:4mm;background:#fff;color:#111b1e;border-radius:4px}.mobile-ticket small,.mobile-ticket b,.mobile-ticket span{display:block}.mobile-ticket small{font-size:5.5px;color:#758184}.mobile-ticket b{font-size:9px;margin:1.5mm 0}.mobile-ticket span{font-size:6px;color:#52707a}.mobile-ticket.hot{border-left:2mm solid var(--red)}.mobile-nav{display:flex;justify-content:space-between;margin-top:5mm;font-size:6px;color:#aab6b8}.management-band{display:grid;grid-template-columns:repeat(3,1fr);gap:4mm;background:#111b1e;color:#fff;padding:6mm}.management-band b,.management-band span{display:block}.management-band b{font-size:10px;color:#ffae52}.management-band span{font-size:8px;line-height:1.4;color:#bec8ca;margin-top:2mm}
.finale{background:#10191c;color:#fff;padding:15mm 18mm}.finale-photo{background-position:center}.finale-shade{background:rgba(7,16,19,.82)}.finale-copy{position:relative;z-index:2;margin-top:45mm;width:122mm}.finale h2{font-size:38px}.finale-copy>p:not(.kicker){color:#d6dfe1;max-width:103mm;font-size:14px}.contact-grid{margin-top:12mm;display:flex;gap:4mm;flex-wrap:wrap}.contact-grid a{color:#fff;text-decoration:none;border:1px solid #ffffff50;padding:4mm 5mm;border-radius:3px;font-size:10px;font-weight:700}.final-sign{position:absolute;z-index:2;right:18mm;bottom:18mm;text-align:right}.final-sign b,.final-sign span{display:block}.final-sign b{color:var(--orange);font-size:22px}.final-sign span{font-size:8px;line-height:1.5;color:#c2ccce;text-transform:uppercase;letter-spacing:.12em}
.viewer{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:20;display:grid;gap:8px;padding:8px;background:#10191cee;border-radius:6px;box-shadow:0 10px 30px #0005}.viewer button{width:36px;height:36px;border:0;border-radius:4px;background:#263336;color:#fff;font-size:15px;cursor:pointer}.viewer button:hover{background:var(--orange)}.viewer span{color:#fff;font-size:8px;text-align:center;padding:4px 0}
@media screen and (max-width:900px){.brochure{width:100%;box-shadow:none}.page{width:100%;height:auto;min-height:141.4vw;padding:7vw 8vw}.viewer{right:8px}.page-foot{left:8vw;right:8vw}.split-layout,.scan-layout,.collab-grid{height:auto;min-height:115vw}.topline{height:7vw}.cover{min-height:141.4vw}.cover-copy{margin-top:25vw}.module-matrix{grid-template-columns:1fr 1fr}.operating-map{width:100%}}
@media print { body{background:#fff}.viewer{display:none!important}.brochure{box-shadow:none;margin:0}.page{margin:0}.cover-photo,.finale-photo{-webkit-print-color-adjust:exact;print-color-adjust:exact}*{-webkit-print-color-adjust:exact;print-color-adjust:exact} }