*{box-sizing:border-box}body{margin:0;background:#f6f5f0;color:#161b19;font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;line-height:1.8}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}header{background:#0c0f0f;color:#fff;display:flex;align-items:center;gap:24px;justify-content:space-between;padding:15px max(24px,calc((100vw - 1200px)/2))}.brand{font:700 26px Arial}.brand small{display:block;font:9px Arial;letter-spacing:2px;color:#c6b08d}header span{font-size:13px}header button{border:1px solid #777;color:#fff;background:transparent;padding:7px 15px}main{width:min(1200px,calc(100% - 36px));margin:45px auto}.hide{display:none!important}.login{max-width:450px;background:#fff;margin:80px auto;padding:40px;box-shadow:0 15px 60px #00000009}.login h1{font-size:25px}.login p,.heading p,.panel p{color:#797d78;font-size:13px}.login input,.fields input,.fields textarea,.unit-editor input,.unit-editor select,.unit-editor textarea{width:100%;padding:10px;border:1px solid #deded7;background:#fff;margin-top:5px;outline:0}.login label,.fields label,.unit-editor label{display:block;font-size:12px;font-weight:600}.login button,.primary,#addUnit{border:0;background:#171d1a;color:#fff;padding:10px 24px;margin-top:20px}.login button{width:100%}.note{font-size:11px;color:#8c8170;margin-top:22px}.error{color:#a32929!important}.heading,.panel-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.heading h1{margin:0}.heading a{padding:10px 20px;border:1px solid #bdb9af;font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0}.stats>div{background:#fff;padding:22px;border:1px solid #e8e5df}.stats small,.stats strong{display:block}.stats small{color:#7c827e}.stats strong{font-size:30px}.tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #ddd}.tabs button{border:0;background:none;padding:12px 20px}.tabs button.active{border-bottom:3px solid #b8996d;font-weight:700}.panel{margin-top:24px;background:#fff;border:1px solid #e8e7df;padding:25px}.panel h2{margin:0 0 12px;font-size:23px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;min-width:830px}th,td{padding:13px;border-bottom:1px solid #eeece6;text-align:right;vertical-align:top}th{background:#f7f5f1}td span{color:#7a807a}td select{padding:5px;border:1px solid #ddd}.fields{display:grid;grid-template-columns:1fr 1fr;gap:19px}.fields .wide{grid-column:1/-1}.unit-editor{border:1px solid #ddd;background:#faf9f6;margin:14px 0;padding:20px}.unit-editor .unit-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.unit-editor .lastrow{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.unit-editor .lastrow button{background:transparent;color:#a12c2c;border:1px solid #dfc2c2;padding:5px 14px}.unit-editor .lastrow label{display:flex;align-items:center;gap:8px}.unit-editor .lastrow input{width:auto;margin:0}#notice{font-size:13px;margin-top:15px;color:#286443}@media(max-width:650px){main{margin:25px auto}.login{margin:30px auto;padding:25px}.heading,.panel-top{flex-direction:column;align-items:flex-start}.stats{gap:7px}.stats>div{padding:12px}.stats strong{font-size:24px}.panel{padding:14px}.fields,.unit-editor .unit-row{grid-template-columns:1fr}}
