@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--ant-green:#52c41a;--ant-green-dark:#16a34a;--ant-blue:#1677ff;--ant-red:#ff4d4f;--ant-gold:#faad14;--ant-bg:#f3f4f6;--ant-container:#fafafa;--ant-border:#ebebeb;--ant-border-dark:#d3d4d4;--ant-text:rgba(0,0,0,.88);--ant-secondary:rgba(0,0,0,.45);--shadow:0 6px 16px rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);--radius:12px;--sidebar:200px;}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Tajawal,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;background:var(--ant-bg);color:var(--ant-text);font-size:14px}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}svg{width:1em;height:1em;fill:currentColor;display:inline-block;vertical-align:-.125em}.anticon{display:inline-flex;align-items:center;line-height:0;color:inherit}.ant-app{min-height:100vh}.ant-layout{display:flex;min-height:100vh}.ant-layout-rtl{direction:rtl}.ant-layout-sider{background:#fafafa;border-left:1px solid var(--ant-border);flex:0 0 var(--sidebar);max-width:var(--sidebar);min-width:var(--sidebar);width:var(--sidebar);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:3;transition:.2s}.sider-children{flex:1;overflow:auto}.brand-wrap{padding:12px 16px}.brand{display:flex;align-items:center;gap:8px}.brand .logo{width:24px;height:24px;color:var(--ant-green);display:inline-flex;align-items:center;justify-content:center;font-size:22px}.brand h1{font-size:14px;margin:0;font-weight:800}.menu-wrap{padding:0 8px 16px}.menu-section{margin-bottom:16px}.section-title{display:block;margin:0 12px 8px;font-size:12px;color:var(--ant-secondary);text-transform:uppercase}.ant-menu-item{height:40px;display:flex;align-items:center;gap:10px;padding:0 24px;border-radius:8px;color:rgba(0,0,0,.88);transition:.18s;margin:2px 0}.ant-menu-item .anticon{font-size:14px;color:rgba(0,0,0,.65)}.ant-menu-item:hover{background:rgba(0,0,0,.04)}.ant-menu-item-selected{background:#f6ffed;color:var(--ant-green)}.ant-menu-item-selected .anticon{color:var(--ant-green)}.sider-trigger{height:40px;border:0;border-top:1px solid var(--ant-border);background:#fafafa;color:var(--ant-green);font-size:22px;cursor:pointer}.main-layout{flex:1;min-width:0;display:flex;flex-direction:column}.ant-layout-header{height:54px;background:#fafafa;border-bottom:1px solid var(--ant-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:2}.breadcrumb{font-weight:500}.top-actions{display:flex;align-items:center;gap:8px}.quick-btn,.settings-dot{width:32px;height:32px;border:1px solid var(--ant-border-dark);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:rgba(0,0,0,.65)}.quick-btn.green{color:var(--ant-green)}.quick-btn.orange{color:var(--ant-gold)}.quick-btn.red{color:var(--ant-red)}.quick-btn.blue{color:var(--ant-blue)}.clock{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;letter-spacing:.08em}.notify{font-size:12px;color:rgba(0,0,0,.45)}.top-user{font-weight:600;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ant-layout-content{flex:1;min-width:0}.page-pad{min-height:360px;padding:24px}.ant-card{background:#fafafa;border:1px solid var(--ant-border);border-radius:14px;box-shadow:0 1px 2px rgba(0,0,0,.03);padding:24px}.green-hero{background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);border:0;border-radius:16px;box-shadow:0 4px 12px rgba(22,163,74,.2);color:#fff;display:flex;justify-content:space-between;gap:24px;align-items:center}.green-hero h2{margin:0 0 4px;font-size:24px;color:#fff}.green-hero p{font-size:16px;margin:0 0 8px;color:rgba(255,255,255,.86)}.green-hero span{color:rgba(255,255,255,.75)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-btn{border:1px solid transparent;color:#fff;background:rgba(255,255,255,.2);backdrop-filter:blur(4px);border-radius:8px;height:40px;padding:0 18px;display:inline-flex;align-items:center}.dashboard{display:grid;gap:24px;max-width:1100px;margin:auto}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.stat{padding:18px}.stat span{display:block;color:var(--ant-secondary);margin-bottom:8px}.stat strong{font-size:22px}.table-card{padding:0;overflow:hidden}.card-title{height:56px;padding:0 24px;border-bottom:1px solid var(--ant-border);display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px}.card-title .anticon{color:var(--ant-green)}.ant-table-wrapper{width:100%;overflow:auto}.ant-table{width:100%;border-collapse:collapse;background:#fafafa}.ant-table th{background:#fafafa;border-bottom:1px solid var(--ant-border);font-weight:700;text-align:start;padding:14px 16px;white-space:nowrap}.ant-table td{border-bottom:1px solid var(--ant-border);padding:12px 16px;vertical-align:middle}.ant-table tr:hover td{background:rgba(0,0,0,.02)}.empty-row td{height:160px;text-align:center}.empty-box{color:var(--ant-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.empty-icon{width:64px;height:41px;border-radius:50%;background:#f0f0f0;color:#d5d5d5;font-size:38px;line-height:1;margin-bottom:10px}.profile-card{text-align:center}.profile-avatar{width:96px;height:96px;border-radius:50%;background:#fff;border:1px solid #e7f8e5;color:var(--ant-green);display:flex;align-items:center;justify-content:center;font-size:34px;margin:20px auto;box-shadow:0 0 0 8px #f3fff2}.profile-card h3{margin:0;font-size:20px}.profile-card p{margin:4px 0 18px;color:var(--ant-secondary)}.profile-grid{max-width:420px;margin:0 auto 18px;display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:start}.profile-grid span{color:var(--ant-secondary)}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:0 auto 18px;max-width:1200px}.page-head h2{margin:0 0 5px;font-size:24px}.muted{color:var(--ant-secondary)}.center{text-align:center}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.ant-btn{height:32px;padding:0 14px;border:1px solid var(--ant-border-dark);border-radius:10px;background:#fff;color:rgba(0,0,0,.88);display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;white-space:nowrap}.ant-btn:hover{border-color:var(--ant-green);color:var(--ant-green)}.ant-btn.primary{background:var(--ant-green);border-color:var(--ant-green);color:#fff}.ant-btn.primary:hover{background:#73d13d;color:#fff}.ant-btn.danger{border-color:#ffccc7;color:var(--ant-red);background:#fff2f0}.ant-btn.small{height:28px;padding:0 10px;font-size:12px;border-radius:8px}.ant-btn.large{height:40px}.ant-btn.full{width:100%}.row-actions{display:flex;gap:6px;align-items:center;white-space:nowrap}.row-actions form{display:inline-flex;margin:0}.search-row{max-width:1200px;margin:0 auto 16px;display:flex;gap:8px}.search-row.big{max-width:760px}.search-row input{flex:1;height:40px;border:1px solid var(--ant-border-dark);border-radius:12px;padding:0 14px;background:#fff}.form-card{max-width:1200px;margin:0 auto 18px}.form-card h3{margin:0 0 16px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.form-grid.one{grid-template-columns:1fr}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field span{font-weight:600;color:rgba(0,0,0,.70)}.field b{color:var(--ant-red)}.field input,.field select,.field textarea,.totals-card input{width:100%;border:1px solid var(--ant-border-dark);background:#fff;border-radius:10px;min-height:38px;padding:7px 12px;outline:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ant-green);box-shadow:0 0 0 3px rgba(82,196,26,.12)}.field textarea{resize:vertical}.form-actions{display:flex;gap:8px;margin-top:18px}.attachments-upload{margin-top:18px;border-top:1px solid var(--ant-border);padding-top:16px}.attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:12px}.attachment-card{border:1px solid var(--ant-border);background:#fff;border-radius:12px;padding:12px;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center;min-width:0}.attachment-card b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-card span{color:var(--ant-secondary);font-size:12px}.file-icon{font-size:30px}.view-card{max-width:1200px;margin:auto}.view-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.view-grid>div{background:#fff;border:1px solid var(--ant-border);border-radius:12px;padding:12px;min-height:64px}.view-grid span{display:block;color:var(--ant-secondary);font-size:12px;margin-bottom:5px}.view-grid b{font-weight:600}.invoice-form{max-width:1200px;margin:auto}.tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--ant-border);margin-bottom:16px}.tab-btn{border:0;background:transparent;padding:10px 14px;cursor:pointer;color:rgba(0,0,0,.65);border-bottom:2px solid transparent}.tab-btn.active{color:var(--ant-green);border-color:var(--ant-green);font-weight:700}.entry-panel{display:none}.entry-panel.active{display:block}.entry-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.entry-head h4{margin:0}.entry-table-wrap{overflow:auto}.entry-table{width:100%;border-collapse:collapse;min-width:920px}.entry-table th,.entry-table td{border:1px solid var(--ant-border);padding:6px;background:#fff}.entry-table th{background:#fafafa}.entry-table input{width:100%;border:1px solid transparent;background:transparent;min-height:32px;padding:5px}.entry-table input:focus{background:#fff;border-color:var(--ant-green);outline:0;border-radius:6px}.section-total{text-align:end;margin-top:10px}.totals-layout{display:grid;grid-template-columns:1fr 330px;gap:18px;align-items:start}.totals-card{position:sticky;top:70px}.totals-card label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.totals-card label span{color:var(--ant-secondary)}.totals-card input{max-width:160px;text-align:left;direction:ltr}.totals-card .grand{border-top:1px solid var(--ant-border);padding-top:10px;font-weight:800}.invoice-header{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;border-bottom:2px solid var(--ant-green);padding-bottom:16px}.invoice-header h1{margin:0}.invoice-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.invoice-summary div{background:#fff;border:1px solid var(--ant-border);border-radius:10px;padding:10px}.invoice-summary .grand{background:#f6ffed;color:#237804}.result-list{display:grid;gap:8px}.result-item{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;padding:12px;border:1px solid var(--ant-border);border-radius:10px;background:#fff}.result-item span{color:var(--ant-secondary)}.result-item em{font-style:normal;color:var(--ant-green)}.alert{max-width:1200px;margin:0 auto 16px;border-radius:12px;padding:12px 16px;border:1px solid}.alert.success{background:#f6ffed;border-color:#b7eb8f;color:#237804}.alert.error{background:#fff2f0;border-color:#ffccc7;color:#a8071a}.alert.info{background:#e6f4ff;border-color:#91caff;color:#0958d9}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f6ffed,#f3f4f6);padding:20px}.login-card{width:min(430px,100%);box-shadow:var(--shadow)}.login-brand{justify-content:center;margin-bottom:8px}.login-brand h1{font-size:24px}.hint{font-size:12px;color:var(--ant-secondary);text-align:center;margin:14px 0 0}.actions-col{width:190px}.collapsed{--sidebar:64px}.collapsed .brand h1,.collapsed .section-title,.collapsed .ant-menu-title-content{display:none}.collapsed .ant-menu-item{justify-content:center;padding:0}.collapsed .brand{justify-content:center}.collapsed .sider-trigger{transform:rotate(180deg)}@media(max-width:1000px){.stats-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.view-grid{grid-template-columns:1fr 1fr}.totals-layout{grid-template-columns:1fr}.ant-layout-sider{position:fixed;right:0;transform:translateX(100%)}body:not(.collapsed) .ant-layout-sider{transform:translateX(0)}.main-layout{margin-right:0}.page-pad{padding:16px}.green-hero{flex-direction:column;align-items:flex-start}}@media(max-width:700px){.form-grid,.view-grid,.stats-grid,.invoice-summary{grid-template-columns:1fr}.ant-layout-header{padding:0 12px}.top-actions{gap:4px}.clock,.notify,.top-user{display:none}.page-head{flex-direction:column}.green-hero h2{font-size:20px}.hero-actions{width:100%}.hero-btn{flex:1;justify-content:center}.result-item{grid-template-columns:1fr}}@media print{body{background:#fff}.no-print,.ant-layout-sider,.ant-layout-header,.page-head .head-actions,.search-row,.row-actions,.ant-btn,.sider-trigger{display:none!important}.ant-layout,.main-layout{display:block}.page-pad{padding:0}.ant-card{box-shadow:none;border:0}.table-card{border:0}.ant-table th,.ant-table td{border:1px solid #ddd}.print-invoice{padding:0}.attachments-grid{display:none}}
.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:2px 8px;background:#f6ffed;color:#237804;border:1px solid #b7eb8f;font-size:12px;min-width:54px}.badge.warn{background:#fffbe6;color:#ad6800;border-color:#ffe58f}.badge.danger{background:#fff2f0;color:#a8071a;border-color:#ffccc7}.badge.info{background:#e6f4ff;color:#0958d9;border-color:#91caff}.workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.workflow-card h3{margin:0 0 10px}.workflow-card ol{margin:0;padding-inline-start:22px}.workflow-card li{margin:6px 0}.kpi-line{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--ant-border);padding:8px 0}.notice-box{border:1px solid #b7eb8f;background:#f6ffed;border-radius:12px;padding:12px;color:#237804;margin-bottom:16px}.file-download{display:inline-flex;gap:6px;align-items:center;color:var(--ant-blue)}