* { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
body { background-color: #f2f2f2; color: #333; font-size: 12px; direction: rtl; }
.top-bar { background-color: #52631c; color: #fff; padding: 6px 12px; display: flex; justify-content: space-between; align-items: center; font-size: 11px; font-weight: bold; }
.top-bar a { color: #fff; text-decoration: none; }
.app-container { display: flex; width: 100%; min-height: calc(100vh - 29px); }
.main-wrapper { flex: 1; padding: 15px; max-width: 850px; margin: 0 auto; }
.sidebar-right { width: 180px; background-color: #52631c; color: #fff; flex-shrink: 0; padding-top: 5px; }
.sidebar-logo-box { text-align: center; padding: 15px 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.sidebar-logo-box .icon { font-size: 32px; margin-bottom: 5px; }
.sidebar-logo-box h1 { font-size: 16px; font-weight: bold; }
.sidebar-logo-box p { font-size: 10px; opacity: 0.8; }
.sidebar-nav-list { list-style: none; }
.sidebar-nav-list li a { display: flex; align-items: center; gap: 6px; padding: 7px 12px; color: #fff; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, 0.08); font-size: 11px; }
.sidebar-nav-list li a:hover, .sidebar-nav-list li a.active { background-color: #414f16; }
.card-box { background-color: #fff; border: 1px solid #e0e0e0; padding: 15px; margin-bottom: 15px; box-shadow: 0px 1px 2px rgba(0,0,0,0.03); }
.block-header-title { font-size: 13px; font-weight: bold; margin-bottom: 10px; color: #111; border-bottom: 1px solid #eee; padding-bottom: 4px; }
.btn-green-sm { background-color: #52631c; color: #fff; border: none; padding: 5px 12px; cursor: pointer; font-size: 11px; border-radius: 1px; font-weight: bold; }
.btn-green-sm:hover { background-color: #414f16; }
.links-3col-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px 12px; }
.links-3col-grid a { color: #2b547e; text-decoration: none; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.links-3col-grid a:hover { text-decoration: underline; }
.table-custom { width: 100%; border-collapse: collapse; font-size: 11px; margin-top: 10px; }
.table-custom th, .table-custom td { border: 1px solid #eee; padding: 6px 8px; text-align: center; }
.table-custom th { background-color: #f9f9f9; font-weight: bold; }
footer { text-align: center; font-size: 10px; color: #666; margin-top: 15px; padding-top: 8px; border-top: 1px solid #ddd; }
footer a { color: #444; text-decoration: none; }
.modal-overlay { display: none; position: fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:9999; justify-content:center; align-items:center; }
.modal-box { background:#fff; border:1px solid #ccc; width:90%; max-width:700px; padding:0; box-shadow:0 4px 15px rgba(0,0,0,0.2); }
.modal-header { background:#e6e6e6; padding:10px 15px; font-weight:bold; display:flex; justify-content:space-between; border-bottom:1px solid #ccc; }
.modal-body { padding:15px; display:flex; gap:10px; justify-content:space-between; }
@media (max-width: 768px) { .app-container { flex-direction: column-reverse; } .sidebar-right { width: 100%; } .links-3col-grid { grid-template-columns: repeat(2, 1fr); } .modal-body { flex-direction: column; } }