@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--ink:#172433;--navy:#132d42;--blue:#3977a7;--gold:#c69b50;--line:#e7edf1;--bg:#f6f8fa;--muted:#71808d;--white:#fff;--shadow:0 10px 28px rgba(26,47,64,.06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;font-size:14px}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:255px;background:var(--navy);color:#dce8ef;padding:27px 17px 19px;display:flex;flex-direction:column;flex-shrink:0}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 12px 35px}.sidebar-brand strong{display:block;color:#fff;font-size:19px}.sidebar-brand small{display:block;color:#8fa7b7;font-size:10px;margin-top:2px}.brand-mark{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--gold);color:var(--navy);font-size:29px;font-family:Georgia,serif;box-shadow:0 8px 18px rgba(198,155,80,.2)}.brand-mark.small{width:38px;height:38px;border-radius:11px;font-size:21px}.nav-link{display:flex;align-items:center;gap:13px;color:#9eb3c1;padding:13px 16px;border-radius:10px;margin:3px 0;transition:.2s}.nav-link span{font-size:20px;line-height:1;width:23px;text-align:center}.nav-link:hover,.nav-link.active{background:#21445d;color:#fff}.nav-link.active{box-shadow:inset -3px 0 var(--gold)}.sidebar-footer{margin-top:auto;border-top:1px solid #29485c;padding:18px 8px 0;display:flex;align-items:center;gap:9px}.sidebar-footer strong{color:#fff;font-size:12px;display:block}.sidebar-footer small{display:block;color:#8fa7b7;font-size:10px}.sidebar-footer>a{margin-right:auto;color:#90a7b5;font-size:21px}.avatar,.top-avatar{display:grid;place-items:center;border-radius:50%;background:#d9a856;color:var(--navy);font-weight:700}.avatar{width:34px;height:34px;font-size:14px}.main-content{flex:1;min-width:0;padding:35px 5.5% 60px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.topbar h1{font-size:28px;margin:1px 0 0;color:var(--navy)}.eyebrow{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.4px;margin:0 0 6px}.eyebrow.light{color:#e4bd75}.top-actions{display:flex;align-items:center;gap:11px}.icon-button{border:1px solid var(--line);background:#fff;color:#82919c;border-radius:9px;width:37px;height:37px;font-size:20px}.top-avatar{width:38px;height:38px;background:var(--navy);color:#fff}.welcome-banner{background:linear-gradient(108deg,#17364d,#285470);border-radius:15px;padding:25px 31px;color:#dbe9f0;display:flex;justify-content:space-between;overflow:hidden;position:relative;margin-bottom:22px}.welcome-banner h2{font-size:24px;color:#fff;margin:0 0 4px}.welcome-banner p:not(.eyebrow){margin:0;color:#b7cfdb}.banner-deco{font-family:Georgia,serif;font-size:180px;line-height:.65;color:rgba(224,182,99,.15);margin:-20px 5% -40px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat-card,.panel{background:var(--white);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.stat-card{padding:19px 20px;position:relative}.stat-card span{display:block;color:var(--muted);font-size:12px;margin:3px 0 8px}.stat-card strong{display:block;color:var(--navy);font-size:30px;line-height:1.1}.stat-card small,.table-wrap small,.task-row small,td small{color:#97a4ae;display:block;font-size:11px;margin-top:5px}.stat-icon{position:absolute;left:19px;top:20px;border-radius:9px;width:35px;height:35px;display:grid;place-items:center;font-size:19px}.blue{background:#e8f1f8;color:#3977a7}.gold{background:#fbf3e4;color:#b0812f}.teal{background:#e2f3f0;color:#288b80}.rose{background:#f8e9e8;color:#ad6863}.content-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}.two-column{display:grid;grid-template-columns:1.6fr .85fr;gap:18px}.panel{overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px 15px}.panel-head h3{margin:0;color:var(--navy);font-size:16px}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.text-link{font-size:11px;color:var(--blue);font-weight:600}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:580px}th{text-align:right;color:#9aa7b0;font-size:11px;font-weight:500;background:#fbfcfd;padding:11px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:13px 20px;border-bottom:1px solid #eef2f4;color:#536571;font-size:12px;vertical-align:middle}tr:last-child td{border-bottom:0}td strong{color:var(--navy);font-weight:600}td small{font-size:10px}.badge,.priority{display:inline-block;border-radius:20px;padding:4px 9px;font-size:10px;font-weight:600}.success{background:#e7f5ed;color:#31815a}.warning{background:#fff4dc;color:#a67620}.info{background:#e8f1f8;color:#3e779a}.muted{background:#edf0f2;color:#7c8991}.danger{background:#fbe9e8;color:#ad514c}.alert{padding:12px 15px;border-radius:9px;margin-bottom:18px;font-size:12px}.alert a{color:var(--blue);font-weight:600}.tasks-panel{padding-bottom:8px}.task-row{display:flex;align-items:center;gap:10px;padding:12px 22px;border-bottom:1px solid #eef2f4}.task-row:last-child{border-bottom:0}.task-row>div{min-width:0;flex:1}.task-row strong{font-size:12px;color:var(--navy);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-row .strike{text-decoration:line-through;color:#99a4aa}.check{width:20px;height:20px;border:1px solid #c9d4da;color:transparent;border-radius:6px;display:grid;place-items:center;flex-shrink:0;font-size:12px}.check.checked{background:#3b906d;border-color:#3b906d;color:#fff}.page-toolbar{display:flex;justify-content:space-between;align-items:center;margin:-8px 0 20px}.muted-text{color:var(--muted);font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:10px 16px;font-weight:600;font-size:12px}.button.primary{background:var(--navy);color:#fff}.button.primary:hover{background:#214861}.full{width:100%;padding:13px}.form-panel{padding-bottom:22px}.form-panel .panel-head{padding-bottom:18px}.stack-form{display:flex;flex-direction:column;gap:14px;padding:0 22px}label{color:#60727e;font-size:11px;font-weight:600}input,select,textarea{display:block;width:100%;border:1px solid #dbe4e8;background:#fff;color:var(--ink);border-radius:7px;padding:10px 11px;margin-top:6px;outline:none;font-size:12px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(57,119,167,.1)}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:0 22px}.span-2{grid-column:span 2}.wide-form{margin-top:18px;padding-bottom:22px}.person{display:flex;align-items:center;gap:8px}.light-avatar{background:#e9f0f4;color:var(--blue);width:29px;height:29px;font-size:12px}.actions{white-space:nowrap;text-align:left}.actions a,.actions button{border:0;background:none;color:var(--blue);font-size:11px;padding:0 4px}.actions form{display:inline}.case-number{color:var(--blue)}.empty{text-align:center;color:#9aa7b0;padding:32px!important}.large{padding:15px 22px}.done-button{border:1px solid #cfe4da;background:#f3faf6;color:#31815a;border-radius:6px;padding:5px 8px;font-size:10px}.priority{font-size:9px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 10% 10%,#eaf2f6,transparent 35%),#f6f8fa}.login-card{width:min(410px,calc(100% - 30px));background:#fff;border:1px solid var(--line);border-radius:18px;padding:38px 36px;box-shadow:0 18px 50px rgba(23,45,63,.1)}.login-card .brand-mark{margin:0 auto 20px}.login-card h1{text-align:center;color:var(--navy);font-size:25px;margin:0 0 5px}.login-card>.muted-text{text-align:center;margin:0 0 25px}.login-card .eyebrow{text-align:center}.login-hint{font-size:10px;color:#a2adb4;text-align:center;margin:20px 0 0}.login-card .alert{margin-bottom:16px}
@media(max-width:1000px){.sidebar{width:215px}.main-content{padding-left:25px;padding-right:25px}.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.two-column{grid-template-columns:1fr}}
@media(max-width:650px){.app-shell{display:block}.sidebar{width:100%;padding:13px 14px}.sidebar-brand{padding:0 5px 13px}.sidebar nav{display:flex;overflow-x:auto;gap:4px}.nav-link{white-space:nowrap;padding:9px 11px;font-size:11px;margin:0}.nav-link span{font-size:16px;width:auto}.sidebar-footer{display:none}.main-content{padding:23px 15px 40px}.topbar h1{font-size:23px}.top-actions .icon-button{display:none}.welcome-banner{padding:20px}.welcome-banner h2{font-size:20px}.banner-deco{font-size:110px}.stats-grid{gap:10px}.stat-card{padding:15px}.stat-card strong{font-size:25px}.stat-icon{left:12px;top:14px;width:29px;height:29px;font-size:15px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.page-toolbar{align-items:flex-start;gap:10px}.login-card{padding:30px 22px}}
.checkbox-label{display:flex;align-items:center;gap:8px}.checkbox-label input,.permission-item input{width:auto;margin:0}.role-tabs{display:flex;gap:8px;margin:-4px 0 18px;border-bottom:1px solid var(--line);padding-bottom:10px}.role-tab{padding:9px 16px;border-radius:8px;color:var(--muted);font-size:12px}.role-tab.active,.role-tab:hover{background:var(--navy);color:#fff}.permissions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 22px 22px}.permission-section-title{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px;margin-top:4px;color:var(--navy);font-size:12px;font-weight:700}.permission-item{display:flex;align-items:flex-start;gap:9px;border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--ink);font-weight:500}.permission-item span{min-width:0}.permission-item strong{display:block;color:var(--navy);font-size:11px}.permission-item small{display:block;color:var(--muted);font-size:9px;margin-top:3px;direction:ltr;text-align:right}.permission-item:has(input:checked){border-color:#8eb6ce;background:#f3f8fb}.permission-actions{grid-column:1/-1;margin-top:5px}@media(max-width:1000px){.permissions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.permissions-grid{grid-template-columns:1fr}.role-tabs{overflow-x:auto}.role-tab{white-space:nowrap}}