:root{--bg:#0d1510;--panel:#152019;--panel2:#1a281f;--line:#ffffff16;--text:#f1f4ef;--muted:#89968d;--green:#b7cdb0;--green2:#718a69;--danger:#d87979}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Vazirmatn,Arial,sans-serif;background:#eef0eb;color:#152019}button,input,textarea,select{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#2b4534,#0d1510 55%);color:#fff}.login-card{width:min(430px,92%);background:#152019;border:1px solid #ffffff18;border-radius:28px;padding:42px;box-shadow:0 30px 100px #0008}.mark{width:58px;height:58px;border:1px solid #ffffff44;border-radius:50%;display:grid;place-items:center;font-size:24px}.login h1{margin:25px 0 8px}.login p,.login small{color:#93a096}.login label{display:block;font-size:12px;color:#aab4ac;margin-top:20px}.login input{display:block;width:100%;margin-top:8px;background:#0f1812;border:1px solid #ffffff18;border-radius:12px;padding:14px;color:#fff;outline:0}.login button,.panel-title button,.add-project button{border:0;background:var(--green);color:#102016;padding:13px 20px;border-radius:12px;cursor:pointer;font-weight:700}.login button{width:100%;margin-top:24px}.login small{display:block;margin-top:18px;font-size:10px}.err{background:#572b2b;color:#ffd7d7;padding:13px 16px;border-radius:12px;margin:15px 0;font-size:12px}.sidebar{position:fixed;top:0;right:0;bottom:0;width:260px;background:var(--bg);color:#fff;padding:28px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;padding:8px 10px 30px;border-bottom:1px solid var(--line)}.brand>b{width:45px;height:45px;border:1px solid #ffffff3d;border-radius:50%;display:grid;place-items:center}.brand div{display:flex;flex-direction:column}.brand small{color:#6f7c73;font-size:9px;margin-top:4px}.sidebar nav{display:flex;flex-direction:column;gap:7px;margin-top:25px}.sidebar nav a,.side-bottom a{padding:13px 14px;border-radius:12px;color:#8e9a91;text-decoration:none;font-size:11px}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff0d;color:#fff}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:15px;display:grid;gap:5px}.side-bottom a:last-child{color:#d98686}.main{margin-right:260px;padding:35px 4% 70px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.top small,.panel-title small{color:#6c7d71;font-size:10px}.top h1{margin:6px 0 0;font-size:28px}.top-actions{display:flex;gap:10px;align-items:center}.top-actions span{background:#fff;padding:11px 15px;border-radius:12px;font-size:10px}.top-actions a{background:#16251c;color:#dbe7d8;text-decoration:none;padding:11px 15px;border-radius:12px;font-size:10px}.notice{background:#dce8d8;border:1px solid #b9ccb3;color:#36503a;padding:14px 18px;border-radius:14px;margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.cards>div{background:#fff;border-radius:20px;padding:22px;box-shadow:0 10px 30px #17251a0b}.cards small,.cards span{display:block;color:#78847b;font-size:10px}.cards strong{display:block;font-size:29px;margin:12px 0 3px}.panel{background:#fff;border-radius:24px;padding:28px;margin-bottom:22px;box-shadow:0 10px 35px #17251a0a;scroll-margin-top:25px}.panel-title{display:flex;justify-content:space-between;gap:25px;align-items:start;margin-bottom:25px}.panel-title h2{margin:5px 0;font-size:24px}.panel-title p{margin:0;color:#778279;font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid label,.category-editor label{font-size:11px;color:#5e6b62}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid textarea,.category-editor textarea,.service-box input,.service-box textarea{display:block;width:100%;margin-top:7px;border:1px solid #dce2dc;background:#f8faf7;border-radius:12px;padding:12px;outline:0;color:#18251c}.form-grid textarea,.category-editor textarea,.service-box textarea{resize:vertical}.form-grid input:focus,.form-grid textarea:focus,.category-editor textarea:focus,.service-box input:focus,.service-box textarea:focus{border-color:#7e9b79;box-shadow:0 0 0 3px #7e9b7920}.form-grid label small{display:block;margin-top:5px;color:#929c95}.service-edit{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}.service-box{border:1px solid #e1e6e0;border-radius:16px;padding:16px;position:relative}.service-box>b{color:#718a69;font-size:11px}.category-editor{margin-bottom:25px}.category-editor small{color:#8a958e}.add-project{background:#f3f6f1;border:1px dashed #aab9a5;border-radius:18px;padding:20px;margin-top:20px}.add-project h3{margin:0 0 18px;font-size:15px}.add-project form{margin-top:15px}.table-wrap{overflow:auto;margin-top:25px}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:right;color:#718078;background:#f6f8f5}th,td{padding:14px;border-bottom:1px solid #edf0eb;vertical-align:middle}td img{width:65px;height:50px;object-fit:cover;border-radius:9px}.pill{display:inline-block;background:#e7eee4;color:#486144;border-radius:30px;padding:6px 10px;font-size:9px}.message-cell{max-width:300px;line-height:1.9;color:#69756d}.danger{border:0;background:#fae8e8;color:#9c4545;border-radius:9px;padding:8px 12px;cursor:pointer;font-size:10px}.inline{display:inline}.inline select{border:1px solid #d9e0d9;background:#fff;border-radius:8px;padding:7px;font-size:10px}footer{color:#8b958e;text-align:center;font-size:10px;padding:30px}@media(max-width:1000px){.sidebar{width:210px}.main{margin-right:210px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{position:relative;width:100%;height:auto;min-height:auto}.sidebar nav{display:grid;grid-template-columns:repeat(2,1fr)}.side-bottom{display:flex}.main{margin-right:0;padding:22px 4%}.top{display:block}.top-actions{margin-top:15px}.cards,.form-grid,.service-edit{grid-template-columns:1fr}.panel-title{display:block}.panel-title button{margin-top:15px}.form-grid .wide{grid-column:auto}}