:root{--bg-start:#eaf5ff;--bg-end:#eefcf4;--card:#ffffffd1;--card-strong:#fff;--ink:#14324a;--muted:#5f7488;--blue:#1580ff;--green:#1fba71;--sky:#17b9d9;--border:#1580ff29;--danger:#d64747;--shadow:0 14px 36px #124b7a1c}*{box-sizing:border-box}html,body{color:var(--ink);background:linear-gradient(145deg,var(--bg-start),var(--bg-end));min-height:100%;margin:0;padding:0;font-family:IBM Plex Sans Arabic,Cairo,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1100px,94vw);margin:0 auto;padding:1rem 0 2.5rem}.hero{padding:1.2rem 0 1.5rem;animation:.42s ease-out reveal}.hero h1{margin:0 0 .5rem;font-size:clamp(1.5rem,3vw,2.2rem)}.hero p{color:var(--muted);margin:0}.grid{gap:.9rem;display:grid}.home-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px}.feature-card{padding:1.1rem;transition:transform .22s,box-shadow .22s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 18px 30px #10609029}.chip{color:#0e8b53;background:#1fba7121;border-radius:999px;margin-bottom:.65rem;padding:.24rem .65rem;font-size:.83rem;display:inline-flex}.actions{flex-wrap:wrap;gap:.55rem;display:flex}.btn{font:inherit;cursor:pointer;border:0;border-radius:12px;padding:.58rem .9rem;transition:transform .14s,opacity .14s}.btn:disabled{cursor:wait;opacity:.65}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--sky));color:#fff}.btn-secondary{color:var(--blue);background:#1580ff1a}.btn-danger{color:var(--danger);background:#d647471f}.panel{padding:.95rem}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.8rem;display:flex}.muted{color:var(--muted)}.status{background:#17b9d91c;border-radius:999px;align-items:center;padding:.22rem .65rem;font-size:.82rem;display:inline-flex}.kanban{grid-template-columns:repeat(5,minmax(220px,1fr));gap:.75rem;padding-bottom:.4rem;display:grid;overflow:auto}.column{background:#ffffff94;border:1px solid #0c669c1a;border-radius:16px;min-height:410px;padding:.7rem}.column h3{margin:0 0 .55rem;font-size:1rem}.order-card{background:var(--card-strong);border:1px solid #137ec72e;border-radius:14px;margin-bottom:.62rem;padding:.72rem;box-shadow:0 10px 22px #0e5f8a1c}.order-card p{margin:.22rem 0;font-size:.9rem}.order-grid{grid-template-columns:1.15fr 1fr;gap:.7rem;display:grid}.form-grid{grid-template-columns:1fr;gap:.55rem;display:grid}.field{gap:.3rem;display:grid}.field input,.field textarea,.field select{width:100%;font:inherit;background:#fff;border:1px solid #1178be3b;border-radius:10px;padding:.58rem .68rem}.field textarea{resize:vertical}.table{border-collapse:collapse;width:100%;font-size:.92rem}.table th,.table td{text-align:right;border-bottom:1px solid #1179bf29;padding:.52rem}.timeline{gap:.45rem;margin:.65rem 0 0;padding:0;list-style:none;display:grid}.timeline li{background:#ffffffbd;border:1px solid #1473b829;border-radius:10px;padding:.5rem}.hint{color:var(--muted);font-size:.86rem}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:980px){.order-grid{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(5,minmax(250px,1fr))}}@media (max-width:700px){.container{width:min(96vw,100%);padding:.8rem 0 1.25rem}.panel{padding:.78rem}.feature-card{padding:.9rem}.topbar{align-items:stretch}.btn,.actions{width:100%}}