@font-face{font-family:system-ar;src:local('Geeza Pro'),local('Tahoma')}*{box-sizing:border-box}body{margin:0;font-family:system-ar,Tahoma,Arial,sans-serif;color:#182e3c;background:#f5f7f8;font-size:14px;line-height:1.75}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,.button{cursor:pointer;border:0;border-radius:8px;padding:11px 20px;display:inline-flex;justify-content:center;align-items:center;gap:18px;font-weight:700;line-height:1.6}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:#13685b;color:#fff;box-shadow:0 3px 6px #123b2f10}.primary:hover{background:#0b5348}.secondary{border:1px solid #d9e2e5;color:#274655;background:#fff;padding:8px 14px}.secondary:hover{background:#f0f6f4}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.55;letter-spacing:-.6px}h2{font-size:19px;margin-bottom:14px}h3{font-size:16px}small,.fine{font-size:12px;color:#77868f}small{display:block}p{color:#657984}input,select{width:100%;padding:11px 12px;border:1px solid #d6e0e4;border-radius:8px;background:white;color:#183542;min-height:45px}input:focus,select:focus{outline:2px solid #b4d8cd;outline-offset:1px;border-color:#278471}input[type=password],input[name=username],input[name=code],input[name=db_host],input[name=db_name],input[name=db_user]{direction:ltr;text-align:left}label{display:block;font-weight:600;margin:12px 0;color:#354e5b}label input,label select{margin-top:6px}input[type=checkbox]{width:17px;min-height:17px;margin:0;accent-color:#13685b}fieldset{border:1px solid #e0e6e9;border-radius:8px;margin:18px 0;padding:10px 18px}legend{color:#667f8a;font-size:12px;padding:0 8px}.check{display:inline-flex;align-items:center;gap:8px;margin:8px 0 8px 22px;font-weight:400}.muted{color:#70848d;margin-bottom:18px}.eyebrow{font-size:11px;letter-spacing:.4px;color:#668b81;font-weight:700;margin-bottom:7px}.badge{font-size:11px;border:1px solid #dfe7e9;background:#f4f7f8;color:#6b7c86;border-radius:30px;display:inline-block;padding:4px 11px;white-space:nowrap}.badge.good{background:#ebf7f1;border-color:#d2eadc;color:#1d7659}.brand{display:flex;align-items:center;gap:13px;font-size:23px;font-weight:700;line-height:1.3}.brand small{font-size:10px;font-weight:400;margin-top:5px;color:#adc0c7}.brand-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #638b83;border-radius:13px;color:#e4c985;font-family:serif;font-size:28px}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{background:#122d3b;color:#dce6eb;padding:29px 22px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-left:1px solid #183b48}.sidebar .brand{padding:0 6px 30px}.workspace-label{font-size:10px;color:#74919e;margin:20px 12px 12px}nav a{padding:13px 15px;display:flex;align-items:center;gap:12px;border-radius:8px;margin-bottom:6px;color:#a9bfc9;font-size:13px}nav a:hover{background:#1c3c4a}nav a.active{color:#fff;background:#234b51;border:1px solid #426562}.nav-dot{height:7px;width:7px;border:1px solid #73989e;border-radius:2px}nav a.active .nav-dot{background:#cfb974;border-color:#cfb974}.sidebar-note{margin-top:auto;border-top:1px solid #29434f;padding:22px 10px}.sidebar-note p{font-size:11px;color:#9bb2be;margin-top:11px}.dark{background:#1b3b48;color:#b0c6ca;border-color:#3b5962}.account{display:flex;align-items:center;gap:10px;border-top:1px solid #29434f;padding-top:20px}.account strong{font-size:11px}.account small{font-size:10px;color:#8eabb8}.account form{margin-right:auto}.avatar{height:34px;width:34px;border-radius:50%;background:#2d515d;color:#e4cf97;display:grid;place-items:center}.logout{padding:6px;background:none;color:#91b2bd;font-size:10px}.content{padding:0 42px 20px;min-width:0}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e9eb;font-size:11px;color:#8b9ca5}.topbar span:first-child{direction:ltr;letter-spacing:.4px}.page-title{display:flex;justify-content:space-between;align-items:center;margin:33px 0 25px;gap:20px}.page-title p:last-child{font-size:12px;margin-top:6px}.status{font-size:10px;color:#688079;white-space:nowrap;display:flex;align-items:center;gap:7px}.status i{height:6px;width:6px;border-radius:50%;background:#5caa84}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px}.metrics article{background:#fff;border:1px solid #e2e8eb;border-radius:12px;padding:21px 24px}.metrics article>span{font-size:12px;color:#758994}.metrics strong{display:block;font-size:34px;line-height:1.4;margin:10px 0;color:#1b4948;font-weight:500}.metrics small{font-size:10px}.welcome-panel{background:#e9f1ee;border:1px solid #dce7e2;border-radius:13px;padding:30px 32px;display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;overflow:hidden}.welcome-panel h2{font-size:24px;margin:14px 0 10px}.welcome-panel p{font-size:12px;max-width:480px;margin-bottom:20px;line-height:2}.welcome-panel .badge{background:#e0ece6;border-color:#cadfd3;color:#608271}.network{width:240px;height:170px;position:relative;flex-shrink:0;margin-right:25px}.network-center{position:absolute;top:54px;right:70px;background:#1c6659;color:#fff;width:98px;height:65px;border-radius:12px;display:grid;place-items:center;box-shadow:0 9px 20px #12473d20;z-index:1}.network:before,.network:after{content:'';position:absolute;background:#a3c5b8;height:1px;width:190px;top:90px;right:15px;transform:rotate(40deg)}.network:after{transform:rotate(-40deg)}.network span{position:absolute;border:1px solid #d3e3da;background:#fff;border-radius:7px;padding:4px 12px;font-size:10px;color:#5a7d6e;z-index:2}.network span:nth-child(2){right:8px;top:4px}.network span:nth-child(3){left:4px;top:4px}.network span:nth-child(4){right:84px;bottom:0}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{padding:25px 27px;border:1px solid #e0e7eb;background:#fff;border-radius:12px;margin-bottom:24px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.section-head h2{margin:0}.empty{padding:35px 15px;text-align:center}.empty p{font-size:12px;max-width:360px;margin:9px auto;color:#899ba4}.empty-icon{font-size:32px;display:block;color:#83a69b;margin-bottom:10px}.list-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #edf0f2}.list-row:last-child{border:0}.list-row strong{font-size:13px}.list-row small{font-size:10px}.steps{list-style:none;padding:0;counter-reset:step}.steps li{position:relative;padding:0 36px 20px 0;counter-increment:step}.steps li:before{content:counter(step);position:absolute;right:0;top:2px;width:23px;height:23px;border:1px solid #d6e4df;background:#f3f8f5;color:#648b7e;border-radius:50%;display:grid;place-items:center;font-size:11px}.steps li strong{font-size:12px}.steps li p{font-size:11px;color:#8b9ca6;margin-top:2px}.steps li:last-child{padding-bottom:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.form-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f1;margin-top:15px;padding-top:20px;gap:20px}.form-footer span{font-size:11px;color:#8498a1}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{text-align:right;font-weight:400;color:#7c919c;background:#f7f9fa}td,th{padding:13px 12px;border-bottom:1px solid #e9eef0}td small{font-size:10px}td strong{font-size:12px}.alert{padding:13px 18px;border-radius:8px;font-size:12px;margin:18px 0}.alert.error{background:#fff0ed;color:#a94d3e;border:1px solid #f0d4ce}.alert.success{background:#eaf6ef;color:#3a7a55;border:1px solid #d0e7d8}footer{border-top:1px solid #e2e8eb;padding:18px 0 0;color:#93a3ab;font-size:10px;display:flex;justify-content:space-between;gap:20px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:44% 56%}.auth-brand{background:#122f3d;padding:50px 65px;color:#f2f6f6;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.auth-brand>div{margin:60px 0}.auth-brand h1{font-size:43px;line-height:1.6;font-weight:500}.auth-brand p{font-size:13px;color:#a9bec6;max-width:350px;margin-top:22px;line-height:2.2}.auth-brand .eyebrow{color:#d0bc87;margin-bottom:18px;font-size:12px}.brand-lines{display:flex;gap:15px;margin-top:35px;flex-wrap:wrap}.brand-lines span{color:#b3c9cf;font-size:10px;border-top:1px solid #3d626b;padding-top:14px}.auth-brand>small{font-size:10px;color:#819fa9}.auth-main{display:grid;place-items:center;padding:40px;background:#f7f9f9}.auth-card{width:100%;max-width:390px}.auth-card h2{font-size:28px;margin-bottom:8px}.auth-card>.muted{font-size:12px;margin:0 0 30px}.auth-card .primary{width:100%;margin-top:18px;justify-content:space-between}.auth-card label{font-size:12px;margin:17px 0}.auth-card input{padding:13px}.auth-card .fine{margin-top:25px;text-align:center;color:#96a7af;font-size:10px}.auth-card>.badge{margin-top:25px}button:focus-visible,a:focus-visible{outline:2px solid #d0b66e;outline-offset:4px}
@media(min-width:1600px){.content{padding-left:70px;padding-right:70px}.welcome-panel{padding:35px 40px}}@media(max-width:1100px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:25px 15px}.content{padding:0 23px 20px}.network{display:none}.auth-brand{padding:35px}.auth-brand h1{font-size:35px}.metrics article{padding:18px}.two-columns{gap:16px}.card{padding:22px}.page-title h1{font-size:26px}}@media(max-width:760px){.app-shell{display:block}.sidebar{height:auto;position:relative;padding:20px}.sidebar .brand{padding:0 0 17px}.workspace-label,.sidebar-note,.account{display:none}.sidebar nav{display:flex;gap:6px;flex-wrap:wrap}.sidebar nav a{padding:7px 10px;font-size:11px;margin:0}.content{padding:0 17px 20px}.topbar{height:50px}.page-title{margin:23px 0 18px;display:block}.status{margin-top:13px}.metrics{gap:8px}.metrics article{padding:12px}.metrics article>span{font-size:10px}.metrics strong{font-size:27px}.metrics small{font-size:8px}.welcome-panel{padding:22px}.welcome-panel h2{font-size:22px}.two-columns,.form-grid{display:block}.card{padding:20px 17px}.form-footer{display:block}.form-footer button{margin-top:15px}.auth-shell{display:block}.auth-brand{min-height:auto;padding:25px}.auth-brand>div{margin:28px 0 5px}.auth-brand h1{font-size:29px}.auth-brand h1 br{display:none}.auth-brand p,.brand-lines,.auth-brand>small{display:none}.auth-main{padding:35px 25px;min-height:60vh}.auth-brand .brand{font-size:20px}.auth-brand .eyebrow{font-size:10px;margin:0 0 8px}.auth-card h2{font-size:24px}footer{display:block}footer span{display:block;margin-top:4px}}

.language-switch{position:fixed;top:16px;inset-inline-end:24px;z-index:20;background:#fff;color:#19352d;border:1px solid #dae2de;border-radius:20px;padding:7px 16px;font-size:13px;text-decoration:none;box-shadow:0 2px 8px #0001}html[dir=ltr] body{text-align:left}html[dir=ltr] .sidebar{border-left:0;border-right:1px solid #253d36}html[dir=ltr] .steps{padding-left:22px;padding-right:0}.topbar{padding-top:36px}.auth-card{padding-top:45px}

html[dir=ltr] th{text-align:left}html[dir=ltr] .steps{padding:0}html[dir=ltr] .steps li{padding:0 0 20px 36px}html[dir=ltr] .steps li:before{right:auto;left:0}html[dir=ltr] .account form{margin-right:0;margin-left:auto}@media(max-width:760px){.language-switch{top:12px;inset-inline-end:15px}.topbar{padding-top:0}}

.avatar img{width:34px;height:34px;border-radius:50%;object-fit:cover}.profile-photo{width:96px;height:96px;border-radius:50%;object-fit:cover;margin-bottom:16px}.account a.avatar{flex-shrink:0}

.sidebar{overflow-y:auto}.sidebar nav{flex-shrink:0}.sidebar .account{flex-shrink:0}.sidebar-note{flex-shrink:0}.content table .button{padding:5px 10px}