:root{--green:#b48b32;--line:#e1e1df;--muted:#777773;color:#30302e;background:#f1f2f2}
body{background:#f1f2f2}
header{background:#202121;border-bottom-color:#e9bd61}
header>span:nth-child(2){color:#e8e8e5;border-color:#50514f}
#headerNav button{color:#c4c4bf}
#headerNav button.active{background:#3a352a;color:#f5d188;box-shadow:inset 0 -2px #e9bd61}
#headerNav button:hover{background:#343432}
#identity{background:#30312f;border-color:#464742;color:#dddcd5}
button.primary,#apply{background:#e7bd66;color:#23231f;border-color:#d9af58;box-shadow:0 2px 4px #322c1710}
button.primary:hover:not(:disabled),#apply:hover:not(:disabled){background:#f1ce85;border-color:#c79d43;color:#22221f}
button.primary .button-icon{filter:none}
button:hover:not(:disabled){background:#f3f2ed;border-color:#bdb39b}
button:focus-visible,input:focus-visible,select:focus-visible,input:focus,select:focus{outline:2px solid #d5b268;outline-offset:2px}
input:hover:not(:disabled),select:hover:not(:disabled){border-color:#bcb49f}
input[type=checkbox]{accent-color:#a67d28}
label,.parameter label{color:#50514c}
#devices>.toolbar label{color:#66675f}
#devices>.toolbar{border-color:#d8dad6}
#deviceList button{color:#686b65}
#deviceList button:hover{background:#e9eae6}
#deviceList .selected{background:#fffaf0;color:#68501c;border-color:#dfd0ae;box-shadow:inset 3px 0 #c39a42}
.device-layout>div{border-color:#dcded9}
.device-heading{border-color:#e8e8e3}
.device-heading h1,#users h1,#profile h1,#audit h1,dialog h2{color:#30332e}
#deviceInfo div{color:#7c7e75;border-color:#edeee9}
#deviceInfo strong{color:#494c43}
#reset{color:#62655b;background:#f2f3ef}
#export{color:#5c5135;border-color:#d4c9ae}
#filter{background:#f9f9f6;border-color:#e3e3da}
.module h2{background:#f0f0eb;color:#56503e;border-color:#e0dfd4;border-left-color:#c7a457}
.parameter{color:#41443c;border-color:#edeee8}
.parameter:nth-child(odd){background:#fafbf8}
.parameter:hover{background:#faf8f0}
.parameter input:not([type=checkbox]),.parameter select{border-color:#dcdcce}
.parameter.edited{background:#fff8e6;box-shadow:inset 3px 0 #c7a043}
.parameter.edited input,.parameter.edited select{border-color:#c6a157}
.unit,.empty{color:#7c8074}
.account-row span:first-child{color:#34382e}
.account-row span:nth-child(2),.account-row span:nth-child(3){color:#77704f}
.account-row:nth-child(even),.event:nth-child(even){background:#fafbf8}
.event strong{color:#666045}
#notice.success:not(:empty){color:#625020;background:#fff9e8;border-color:#dfc78e}
body.auth-page,body:has(#workspace[hidden]){min-height:100vh;background:#202121;color:#edece5;border-top:3px solid #e3b85f}
body:has(#workspace[hidden])>header{display:none}
#auth{max-width:416px;margin:60px auto 0;padding:0 24px 44px}
.auth-logo{display:block;width:169px;height:80px;object-fit:contain;margin:0 auto 22px}
.auth-product{text-align:center;color:#9c9d94;font-size:12px;margin:0 0 32px}
#auth h1{font-size:28px;font-weight:550;color:#eeeee6;text-align:center;border:0;margin:0 0 28px;padding:0}
#auth form>label{margin:18px 0;color:#c1c2b9;font-size:12px;font-weight:500;gap:8px}
#auth input{background:#2b2d2b;border:1px solid #46483f;color:#faf9f2;min-height:46px;font-size:14px;box-shadow:none}
#auth input:hover{border-color:#77735f}
#auth input::placeholder{color:#838679}
#auth input:autofill{box-shadow:inset 0 0 0 100px #2b2d2b;-webkit-text-fill-color:#faf9f2}
#auth form>button{width:100%;min-height:46px;margin:12px 0 0;font-size:14px}
#auth #register,.auth-link{display:block;width:100%;text-align:center;background:transparent;color:#e0bb72;border:0;box-shadow:none;font-size:13px;text-decoration:none;margin:20px 0 0;padding:10px 0}
#auth #register:hover,.auth-link:hover{color:#ffe0a0;background:transparent;text-decoration:underline}
body.auth-page #notice:not(:empty),body:has(#workspace[hidden]) #notice:not(:empty){max-width:600px;margin:24px auto 0;padding:14px 18px;background:#392e29;border-color:#b87954;color:#f1c6ae;font-size:13px}
body.auth-page #notice.success:not(:empty){background:#363126;border-color:#d2ae62;color:#edcf8d}
@media(max-width:760px){#auth{margin-top:36px;max-width:408px;padding:0 24px 36px}.auth-logo{width:148px;height:70px}.auth-product{margin-bottom:26px}#auth h1{font-size:25px}body.auth-page #notice:not(:empty),body:has(#workspace[hidden]) #notice:not(:empty){margin:16px 16px 0}}

.device-layout{grid-template-columns:260px minmax(0,1fr);gap:16px}
.device-filter{padding:12px 12px 4px;background:#fff}
#deviceFilter{width:100%;min-height:36px;padding:8px 10px;font-size:12px;background:#fafaf7;border-color:#deded5}
#deviceFilterEmpty{padding:8px 16px 18px;margin:0;font-size:12px}
.device-layout aside{background:#fff;border:1px solid #e0e1db;padding:0;max-height:calc(100vh - 280px);min-height:360px;scrollbar-color:#cbc9bd transparent}
aside h2{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;background:#fafaf7;border-bottom:1px solid #e6e5df;padding:16px;color:#66665e;font-size:11px}
#deviceCount{font-size:11px;font-weight:600;min-width:26px;text-align:center;padding:2px 6px;background:#ece9df;color:#76633a;border-radius:4px;font-variant-numeric:tabular-nums}
#deviceList{padding:8px}
#deviceList button{display:flex;align-items:center;gap:10px;min-height:40px;font-size:12px;margin:2px 0;padding:9px 10px}
#deviceList button::before{content:'';width:15px;height:15px;flex-shrink:0;background:url('/static/assets/icons/devices.svg') center/contain no-repeat;opacity:.45}
#deviceList .selected::before{opacity:.8}
#deviceList .empty{padding:16px 10px;font-size:12px}
#more{margin:8px 16px 16px;width:calc(100% - 32px)}
.device-workspace{min-height:calc(100vh - 280px);border:1px solid #e0e1db}
.device-empty{display:none}
.device-workspace:has(#editActions[hidden]){display:flex;flex-direction:column;min-height:calc(100vh - 280px)}
.device-workspace:has(#editActions[hidden]) .device-heading{display:none}
.device-workspace:has(#editActions[hidden]) .device-empty{display:flex;flex:1;min-height:320px;align-items:center;justify-content:center;flex-direction:column;padding:32px 16px}
.device-empty img{object-fit:contain;margin-bottom:30px}
.empty-overline{font-size:10px;color:#9a8a62;font-weight:600}
.device-empty h2{font-size:20px;font-weight:500;color:#71736a;margin:10px 0 0}
@media(max-width:1100px){.device-layout{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:760px){.device-layout{grid-template-columns:minmax(0,1fr);gap:14px}.device-layout aside{min-height:0;max-height:210px;border:1px solid #e0e1db}.device-layout aside h2{padding:12px}#deviceList{display:block;padding:5px}#deviceList button{width:100%;max-width:none;min-height:36px}.device-workspace,.device-workspace:has(#editActions[hidden]){min-height:300px}.device-workspace:has(#editActions[hidden]) .device-empty{min-height:260px;padding:24px 12px}}