@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url('../fonts/tajawal-arabic-400-normal.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url('../fonts/tajawal-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD}
@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700 900;src:url('../fonts/tajawal-arabic-700-normal.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700 900;src:url('../fonts/tajawal-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD}
:root{--primary:#6d4aff;--dark:#17152b;--muted:#77758b;--bg:#f6f7fb;--line:#ececf3}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--dark);font-family:Tajawal,sans-serif}.sidebar{position:fixed;right:0;top:0;bottom:0;width:245px;background:linear-gradient(175deg,#201c3e,#15132a);padding:26px 18px;color:#fff;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:12px;align-items:center;margin-bottom:36px}.brand-icon,.login-logo{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#8c6cff,#5d3df5);font-size:22px}.brand small,.brand strong{display:block}.brand small{font-size:11px;color:#aaa7c5}.sidebar nav{display:grid;gap:7px}.sidebar nav a,.logout{border:0;color:#c8c5da;text-decoration:none;padding:12px 14px;border-radius:10px;background:transparent;text-align:right}.sidebar nav a:hover,.sidebar nav a:first-child{background:#ffffff14;color:#fff}.sidebar i{margin-left:10px}.sidebar form{margin-top:auto}.logout{width:100%}.main{margin-right:245px;min-height:100vh;display:flex;flex-direction:column}.main header{height:86px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 32px}.content{padding:28px 32px;flex:1}.system-footer{width:100%;min-height:58px;margin-top:auto;padding:18px 24px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:13px;border-top:1px solid var(--line);background:#fff}.system-footer p{width:100%;margin:0;text-align:center;direction:ltr}.system-footer a{color:var(--primary);font-weight:700;text-decoration:none}.system-footer a:hover{text-decoration:underline}.btn-primary{background:var(--primary);border-color:var(--primary);border-radius:10px;padding:9px 18px}.panel,.stat{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 24px #231d5d0a}.stat{padding:20px;display:flex;align-items:center;gap:15px}.stat .ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:21px}.purple{background:#eeeaff;color:#6d4aff}.blue{background:#e9f3ff;color:#2881e5}.green{background:#e8f8f1;color:#24a36d}.orange{background:#fff3e4;color:#ee9233}.stat small{color:var(--muted)}.stat h3{margin:5px 0 0;font-weight:800}.stat em{font-size:12px;font-style:normal}.panel-head{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head h5{margin:0;font-weight:700}.panel-head a{text-decoration:none}.table{margin:0}.table th{background:#fafafd;color:var(--muted);font-size:13px;font-weight:500;padding:13px 18px}.table td{padding:14px 18px;border-color:var(--line)}td small,td strong{display:block}.badge{padding:7px 10px;border-radius:8px}.status-confirmed,.status-paid{background:#e4f7ef;color:#13875b}.status-draft{background:#fff1db;color:#c7760d}.status-cancelled{background:#ffe7e7;color:#d23e3e}.empty{text-align:center;padding:32px!important;color:var(--muted)}.count{background:#fff0e0;color:#d87918;border-radius:20px;padding:3px 9px}.reminder{display:flex;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.reminder>span{width:36px;height:36px;background:#fff0e0;color:#dc7e1f;display:grid;place-items:center;border-radius:10px}.reminder strong,.reminder small{display:block}.reminder small{color:var(--muted)}.form-panel{padding:24px}.form-panel h5{font-weight:700;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:20px}.form-panel label{font-size:13px;color:#555269;margin:0 0 6px}.form-control,.form-select{border-color:#dedee9;border-radius:9px;padding:10px}.form-panel p{margin-bottom:15px}.narrow{max-width:620px;margin:auto}.invoice{padding:28px;max-width:1000px;margin:auto}.invoice-top,.customer-box{display:flex;justify-content:space-between}.invoice-top{border-bottom:2px solid var(--dark);padding-bottom:20px}.customer-box{background:#f8f8fc;border-radius:12px;padding:18px;margin:22px 0}.customer-box small,.customer-box strong,.customer-box span{display:block}.customer-box small{color:var(--muted)}.totals{max-width:360px;margin:25px 0 25px auto}.totals p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px}.totals .grand{font-size:18px}.totals .balance{background:#f0edff;color:var(--primary);border-radius:8px}.actions{display:flex;gap:8px;flex-wrap:wrap}.revision{padding:10px;background:#fafafd;border-radius:8px;margin:6px 0}.revision small{display:block;color:var(--muted)}.balance-callout{padding:15px;background:#f0edff;border-radius:10px;margin-bottom:20px;display:flex;justify-content:space-between}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,#8164ff,#1a1731 62%)}.login-card{background:#fff;border-radius:20px;padding:38px;width:min(420px,92%);box-shadow:0 30px 80px #0004}.login-logo{color:#fff;margin-bottom:18px}.login-card p{color:var(--muted);margin-bottom:25px}.login-card label{margin:12px 0 5px}.login-card button{margin-top:22px}
@media(max-width:900px){.sidebar{position:relative;width:100%;height:auto}.sidebar nav{grid-template-columns:repeat(3,1fr)}.sidebar form{display:none}.main{margin:0}.main header{padding:0 16px}.content{padding:18px}.invoice-top,.customer-box{gap:15px;flex-wrap:wrap}}
@media(max-width:580px){.sidebar nav{grid-template-columns:1fr 1fr}.main header small{display:none}.content{padding:12px}.customer-box>div{width:45%}}
.sidebar nav a:first-child{background:transparent;color:#c8c5da}.sidebar nav a:first-child:hover,.sidebar nav a.active,.sidebar nav a:first-child.active{background:#ffffff14;color:#fff}
.print-only{display:none}
@media print{
  @page{size:A4 landscape;margin:12mm}
  body{background:#fff!important;color:#000!important;font-family:Tajawal,Arial,sans-serif}
  body *{visibility:hidden}
  .monthly-report-panel,.monthly-report-panel *{visibility:visible}
  .sidebar,.main>header,.no-print{display:none!important}
  .main{margin:0!important;min-height:0}
  .content{padding:0!important}
  .monthly-report-panel{position:absolute;inset:0;width:100%;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  .monthly-report-panel .print-only{display:block!important;visibility:visible}
  .report-print-header{text-align:center;margin-bottom:16px;border-bottom:2px solid #222;padding-bottom:10px}
  .report-print-header h1{font-size:22px;margin:0 0 5px;font-weight:800}
  .report-print-header p{margin:0;font-size:14px}
  .monthly-report-panel .row{display:flex;flex-wrap:nowrap;margin:0 0 14px!important;gap:8px}
  .monthly-report-panel .row>div{flex:1 1 25%;width:25%;padding:0}
  .monthly-report-panel .stat-card{border:1px solid #777!important;border-radius:7px!important;padding:10px!important;box-shadow:none!important;background:#fff!important;text-align:center}
  .monthly-report-panel .stat-card small,.monthly-report-panel .stat-card strong{display:block;color:#000!important}
  .monthly-report-panel .stat-card strong{font-size:15px;margin-top:4px}
  .monthly-report-panel .table-responsive{overflow:visible}
  .monthly-report-panel table{width:100%!important;border-collapse:collapse!important;font-size:11px}
  .monthly-report-panel thead{display:table-header-group}
  .monthly-report-panel tr{break-inside:avoid;page-break-inside:avoid}
  .monthly-report-panel th,.monthly-report-panel td{border:1px solid #777!important;padding:6px!important;color:#000!important;background:#fff!important;text-align:center}
  .monthly-report-panel .badge{color:#000!important;background:#fff!important;border:0!important;padding:0!important}
}