*{box-sizing:border-box} body{margin:0;font-family:Arial,'Noto Sans Hebrew',sans-serif;background:#f4f6f8;color:#24384a} a{text-decoration:none;color:inherit}
.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#24384a}
.login-card{width:360px;background:#fff;border-radius:18px;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.25);text-align:center}
.login-logo{max-width:180px;margin-bottom:16px}.login-card h1{margin:0 0 8px}.login-card p{margin:0 0 24px;color:#777}
label{display:block;text-align:right;margin:14px 0 6px;font-weight:700} input{width:100%;height:42px;border:1px solid #ccd3d9;border-radius:8px;padding:0 12px;font-size:15px}
button{cursor:pointer;border:0;border-radius:8px;height:42px;padding:0 18px;background:#c89d2d;color:#fff;font-weight:700}.login-card button{width:100%;margin-top:18px}.form-message{margin-top:12px;min-height:20px}.form-message.error,.error{color:#b00020}
.admin-page{display:flex;min-height:100vh;direction:rtl}.sidebar{width:240px;background:#24384a;color:#fff;padding:18px;position:fixed;top:0;bottom:0;right:0}.brand{font-size:24px;font-weight:800;margin-bottom:24px;color:#fff}.nav-btn,.logout-btn{display:block;width:100%;margin:7px 0;background:transparent;border:1px solid rgba(255,255,255,.18);color:#fff;text-align:right}.nav-btn.active{background:#c89d2d;border-color:#c89d2d}.logout-btn{margin-top:28px;background:#172533}
.main{margin-right:240px;width:calc(100% - 240px)}.topbar{height:72px;background:#fff;border-bottom:1px solid #e1e5e9;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.topbar h1{margin:0;font-size:24px}.content{padding:28px}.cards{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:18px;margin-bottom:24px}.card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 6px 20px rgba(0,0,0,.06)}.card b{display:block;font-size:34px;color:#c89d2d}.card span{color:#637282}.panel{background:#fff;border-radius:14px;padding:24px;box-shadow:0 6px 20px rgba(0,0,0,.06)}
@media(max-width:800px){.sidebar{width:190px}.main{margin-right:190px;width:calc(100% - 190px)}.cards{grid-template-columns:1fr 1fr}} 
.menu-group{
  margin-top: 14px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.12);
}

.menu-title{
  font-size: 13px;
  opacity: .75;
  padding: 6px 12px;
}

.sidebar{
  width: 250px;
}

.main{
  margin-right: 250px;
}

.sidebar .nav-btn,
.logout-btn{
  padding: 11px 14px;
  min-height: 42px;
  font-size: 14px;
}

.menu-group{
  margin-top: 10px;
  padding-top: 8px;
}

.menu-title{
  font-size: 12px;
  padding: 4px 10px;
}

.brand{
  font-size: 22px;
  margin-bottom: 22px;
}

.admin-table{
  width:100%;
  border-collapse:collapse;
  margin-top:20px;
}

.admin-table th{
  background:#f4f6f8;
  padding:12px;
  text-align:right;
  border-bottom:1px solid #e5e7eb;
}

.admin-table td{
  padding:12px;
  border-bottom:1px solid #f0f0f0;
}

.admin-table tr:hover{
  background:#fafafa;
}

.panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:20px;
}

.admin-form{
  max-width:700px;
}

.admin-form label{
  display:block;
  margin:16px 0 6px;
  font-weight:600;
}

.admin-form input,
.admin-form textarea,
.admin-form select{
  width:100%;
  padding:12px;
  border:1px solid #d9d9d9;
  border-radius:10px;
  font-size:14px;
}

.admin-form textarea{
  min-height:120px;
}

.primary-btn{
  margin-top:20px;
}