:root{--navy:#10263d;--navy2:#173a58;--cyan:#18b7c9;--bg:#f3f6f8;--line:#dde5e9;--muted:#6d7d87;--white:#fff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Segoe UI,Arial,sans-serif;color:#183044;background:var(--bg)}button,input,select,textarea{font:inherit}.topbar{height:70px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:0 2px 12px #10263d33}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px;letter-spacing:1.2px}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;background:var(--cyan);color:#fff;font-weight:800;font-size:22px;clip-path:polygon(0 0,100% 0,86% 100%,14% 100%)}.brand-mark.big{width:70px;height:70px;font-size:40px}.topbar nav{display:flex;align-items:center;gap:22px}.topbar nav a,.link-btn{color:#d9e5ec;text-decoration:none;background:none;border:0;cursor:pointer}.topbar form{margin:0}.user{font-size:14px;color:#91a8b7}.workspace{display:grid;grid-template-columns:30% 70%;height:calc(100vh - 70px)}.tree-panel{background:#fff;border-right:1px solid var(--line);overflow:auto}.panel-title{padding:28px 26px 18px;display:flex;justify-content:space-between}.panel-title small,.welcome>small,.admin-head small,.login-card>small,.visual-copy small{color:var(--cyan);font-weight:700;letter-spacing:1.5px}.panel-title h1{font-size:22px;margin:6px 0}.tree-search{padding:0 20px 18px}.tree-search input{width:100%;border:1px solid var(--line);background:#f6f8f9;border-radius:8px;padding:11px 13px}.tree{padding:0 12px 30px}details summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;padding:10px 10px;border-radius:7px;font-size:14px}details summary:hover,.component-node:hover{background:#edf7f8}details summary::-webkit-details-marker{display:none}.branch{border-left:1px solid #dbe5e9;margin-left:20px;padding-left:7px}.ico{color:#78909e;width:20px;text-align:center}.ico.facility{color:var(--cyan)}.ico.machine{color:#2f708f}summary em,.count{margin-left:auto;background:#eaf0f3;color:#67808c;border-radius:12px;padding:2px 7px;font-style:normal;font-size:11px}.component-node{width:100%;display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:9px 10px;border-radius:7px;color:#344f60;text-align:left;cursor:pointer}.component-node.active{background:#dff5f7;color:#08798a;font-weight:700}.content-panel{padding:48px;overflow:auto;position:relative}.welcome{max-width:720px;margin:8vh auto;text-align:center}.hero-icon{margin:auto auto 22px;width:82px;height:82px;display:grid;place-items:center;border-radius:50%;color:var(--cyan);font-size:38px;background:#e1f5f6}.welcome h2{font-size:34px;margin:12px}.welcome p{max-width:590px;margin:0 auto;color:var(--muted);line-height:1.7}.stats{display:flex;justify-content:center;margin-top:42px}.stats div{padding:4px 48px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats b{display:block;font-size:28px;color:var(--navy)}.stats span{color:var(--muted);font-size:13px}.detail{max-width:820px;margin:30px auto}.detail h2{font-size:34px;margin:7px 0}.detail p{color:var(--muted)}.detail h3{margin-top:38px}.eyebrow{color:var(--cyan);font-weight:700}.asset-list{display:grid;gap:12px}.asset-card{display:flex;align-items:center;gap:16px;background:#fff;color:inherit;text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:18px;box-shadow:0 4px 18px #1530470a}.asset-card:hover{border-color:var(--cyan)}.asset-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#e4f6f8;color:#0aa2b2}.asset-card b,.asset-card small{display:block}.asset-card small{margin-top:4px;color:var(--muted)}.download{margin-left:auto;font-size:22px}.hidden{display:none!important}.tree-toggle,.mobile-close{display:none}.empty-tree{color:var(--muted);padding:20px}
.login-page{display:grid;grid-template-columns:56% 44%;min-height:100vh;background:white}.login-visual{background:linear-gradient(120deg,#10263df2,#153e5edb),url('/images/factory.jpg') center/cover;display:flex;align-items:flex-end;padding:8vw;color:#fff}.visual-copy{max-width:650px}.visual-copy h1{font-size:48px;font-weight:400;line-height:1.15}.visual-copy h1 b{color:#55d2dc}.visual-copy p{color:#c6d6df;max-width:520px;line-height:1.7}.login-side{display:grid;place-items:center;padding:32px}.login-card{width:min(420px,100%)}.login-card h2{font-size:29px;margin:10px 0}.login-card>p{color:var(--muted);margin-bottom:30px}.login-card label{display:block;font-weight:600;font-size:13px;margin:15px 0 7px}.login-card input:not([type=checkbox]),.admin-card input,.admin-card select,.admin-card textarea{width:100%;border:1px solid #d6e0e5;border-radius:7px;padding:12px;background:#fbfcfc}.login-card input:focus,.admin-card input:focus,.admin-card select:focus{outline:2px solid #18b7c933;border-color:var(--cyan)}.check{display:flex!important;align-items:center;gap:8px;font-weight:400!important}.primary,.secondary{border:0;border-radius:7px;padding:12px 18px;text-decoration:none;cursor:pointer;font-weight:700}.primary{background:var(--cyan);color:#fff;width:100%;display:flex;justify-content:space-between}.secondary{background:#e8eff2;color:var(--navy)}.login-card footer{text-align:center;color:#9aa9b1;font-size:11px;margin-top:50px}.validation,span.field-validation-error{color:#b42318;font-size:13px}.mobile-logo{display:none}.admin-wrap{max-width:1400px;margin:auto;padding:44px 32px}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-head h1{margin:7px 0}.admin-head p{color:var(--muted)}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.admin-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px;box-shadow:0 8px 24px #1633480b;position:relative}.admin-card h2{margin:0 0 20px}.admin-card label{display:block;font-size:13px;font-weight:600;margin:12px 0 6px}.admin-card textarea{min-height:70px;resize:vertical}.admin-card .primary{margin-top:20px}.step{position:absolute;right:22px;top:22px;color:#c9d6dc;font-size:20px;font-weight:700}.upload-card{grid-column:1/-1}.alert{padding:13px 18px;border-radius:8px;margin-bottom:20px}.alert.ok{background:#dff6e9;color:#17653a}.alert.error{background:#fde8e7;color:#9b2922}.message-page{padding:10vh;text-align:center}
@media(max-width:800px){.topbar{height:62px;padding:0 16px}.user{display:none}.workspace{display:block;height:calc(100vh - 62px)}.tree-panel{position:fixed;z-index:5;top:62px;bottom:0;left:-100%;width:min(88%,360px);box-shadow:6px 0 30px #10263d33;transition:.25s}.tree-panel.open{left:0}.mobile-close,.tree-toggle{display:block;border:0;background:#e7f2f4;color:var(--navy);padding:9px 12px;border-radius:7px}.mobile-close{font-size:22px;background:none}.content-panel{padding:20px}.welcome{margin:7vh auto}.welcome h2{font-size:27px}.stats div{padding:4px 20px}.login-page{display:block}.login-visual{display:none}.login-side{min-height:100vh}.mobile-logo{display:flex;align-items:center;gap:10px;margin-bottom:50px;font-weight:700}.admin-wrap{padding:28px 16px}.admin-head{align-items:flex-start;gap:18px}.admin-grid{grid-template-columns:1fr}.upload-card{grid-column:auto}.topbar nav{gap:12px}}