:root{--bg:#f3f4f6;--panel:#fff;--dark:#374151;--dark2:#1f2937;--mid:#6b7280;--line:#d1d5db;--soft:#e5e7eb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--dark2);font-family:Tahoma,Arial,sans-serif}.topbar{background:linear-gradient(135deg,#374151,#1f2937);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 5%;box-shadow:0 4px 14px rgba(0,0,0,.14)}.brand{text-align:right}.brand-title{font-size:23px;font-weight:800}.brand-sub{font-size:11px;color:#d1d5db;margin-top:3px}.header-right{text-align:left}.credit{font-size:13px;font-weight:700;white-space:nowrap}.userbar{display:flex;gap:10px;justify-content:flex-start;align-items:center;font-size:10px;color:#d1d5db;margin-top:5px}.userbar a{color:#fff;text-decoration:none;background:#4b5563;padding:4px 8px;border-radius:6px}.container{max-width:1230px;margin:auto;padding:12px 16px 22px}.alert{border-radius:9px;padding:9px 12px;margin-bottom:9px;font-size:12px}.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:9px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px 13px;box-shadow:0 2px 8px rgba(31,41,55,.05);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--dark)}.stat-card span{display:block;color:var(--mid);font-size:10px;margin-bottom:4px}.stat-card strong{font-size:17px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px;margin-bottom:9px;box-shadow:0 2px 8px rgba(31,41,55,.04)}.compact{padding-bottom:9px}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.panel-title{font-size:13px;font-weight:800;margin-bottom:8px}.small-note{font-size:10px;color:var(--mid)}.form-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:end}.field label{display:block;font-size:10px;color:var(--mid);margin-bottom:4px}.field input{width:100%;border:1px solid #cbd5e1;border-radius:7px;background:#f9fafb;padding:8px 9px;font:inherit;font-size:12px;outline:none}.field input:focus{border-color:#6b7280;box-shadow:0 0 0 3px rgba(107,114,128,.1)}.input-with-button{display:flex;gap:5px}.input-with-button input{flex:1}.icon-btn{border:0;background:#e5e7eb;color:#374151;border-radius:7px;padding:0 10px;cursor:pointer;font-family:inherit}.wide{grid-column:span 2}.rate-row{display:flex;gap:7px;align-items:center}.rate-row input{flex:1}.lock{font-size:10px;white-space:nowrap;color:#4b5563}.lock input{width:auto}.work-preview{grid-column:span 3;display:grid;grid-template-columns:1fr 1fr;gap:7px}.work-preview>div{background:linear-gradient(#fafafa,#f3f4f6);border:1px solid var(--soft);border-radius:8px;padding:7px 9px}.work-preview span{display:block;font-size:9px;color:var(--mid);margin-bottom:2px}.work-preview strong{font-size:13px}.actions,.filter-actions{grid-column:1/-1;display:flex;gap:6px;margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:7px;padding:8px 13px;font:700 11px Tahoma;cursor:pointer}.primary{background:#374151;color:#fff}.secondary{background:#6b7280;color:#fff}.light{background:#e5e7eb;color:#374151}.filter-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}.filter-actions{grid-column:auto;flex-wrap:wrap}.table-wrap{max-height:174px;overflow:auto;border:1px solid var(--line);border-radius:8px}.table-wrap table{border-collapse:collapse;width:100%;min-width:1020px}thead th{position:sticky;top:0;z-index:3}tbody tr{height:28px}th{background:#374151;color:#fff;font-size:10px;padding:8px;white-space:nowrap}td{padding:6px 7px;border-top:1px solid #eef0f2;text-align:center;font-size:10px;white-space:nowrap}tbody tr:hover{background:#f9fafb}.ops{display:flex;gap:4px;justify-content:center}.edit-btn,.delete-btn{border:0;border-radius:6px;padding:5px 8px;font:700 9px Tahoma;cursor:pointer;text-decoration:none}.edit-btn{background:#e5e7eb;color:#374151}.delete-btn{background:#fee2e2;color:#991b1b}.inline{display:inline}.empty{padding:18px;color:#9ca3af}.modal{position:fixed;inset:0;background:rgba(17,24,39,.45);display:flex;align-items:center;justify-content:center;z-index:50;padding:12px}.hidden{display:none}.calendar-box{width:min(360px,96vw);background:#fff;border-radius:13px;padding:11px;box-shadow:0 15px 40px rgba(0,0,0,.25)}.cal-head{display:flex;align-items:center;justify-content:space-between;background:#374151;color:#fff;border-radius:9px;padding:7px 9px}.cal-head button{border:0;background:#4b5563;color:#fff;width:34px;height:30px;border-radius:6px;font-size:20px;cursor:pointer}.week-head,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-top:6px}.week-head div{text-align:center;font-size:9px;color:#6b7280;padding:3px}.days button{border:0;background:#f3f4f6;border-radius:6px;padding:7px 0;cursor:pointer;font:700 10px Tahoma;color:#374151}.days button:hover,.days button.sel{background:#374151;color:#fff}.cal-foot{display:flex;justify-content:space-between;margin-top:8px}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.wide,.work-preview{grid-column:1/-1}.filter-grid{grid-template-columns:1fr 1fr}.filter-actions{grid-column:1/-1}}@media(max-width:600px){.topbar{padding:11px 13px;align-items:flex-start}.credit{font-size:10px;white-space:normal;text-align:left;max-width:120px}.brand-title{font-size:18px}.brand-sub{font-size:9px}.container{padding:9px}.stats-grid{gap:6px}.stat-card{padding:8px 9px}.stat-card strong{font-size:14px}.form-grid,.filter-grid{grid-template-columns:1fr 1fr;gap:6px}.panel{padding:10px}.actions,.filter-actions{flex-wrap:wrap}.actions .btn,.filter-actions .btn{flex:1}.rate-row{flex-direction:column;align-items:stretch}.lock{align-self:flex-start}.panel-head{align-items:flex-start}.small-note{display:none}}
/* اسکرول عمودی سوابق - نمایش حدود ۵ ردیف */
.panel.compact .table-wrap {
    max-height: 190px !important;
    overflow-y: auto !important;
    overflow-x: auto !important;
}

/* ثابت ماندن عنوان ستون‌ها هنگام اسکرول */
.panel.compact .table-wrap thead th {
    position: sticky;
    top: 0;
    z-index: 5;
}