:root{--md-primary:#6750a4;--md-on-primary:#fff;--md-primary-container:#eaddff;--md-on-primary-container:#21005d;--md-secondary-container:#e8def8;--md-on-secondary-container:#1d192b;--md-surface:#fffbfe;--md-surface-container:#f3edf7;--md-surface-container-high:#ece6f0;--md-outline:#79747e;--md-outline-variant:#cac4d0;--md-on-surface:#1d1b20;--md-on-surface-variant:#49454f;--md-error:#b3261e;--md-safe:env(safe-area-inset-bottom)}*{box-sizing:border-box}html{background:#f7f2fa}body{margin:0;background:var(--md-surface);color:var(--md-on-surface);font-family:Roboto,"Noto Sans Arabic",Arial,Tahoma,sans-serif;min-height:100dvh;-webkit-font-smoothing:antialiased}.app{width:100%;max-width:600px;margin:auto;padding:0 16px calc(92px + var(--md-safe))}.top{display:flex;align-items:center;gap:8px;min-height:72px;margin:0 -16px 12px;padding:8px 16px;background:var(--md-surface);position:sticky;top:0;z-index:5}.brand{min-width:0;flex:1}.brand h1{margin:0 0 3px;font-size:22px;line-height:1.35;font-weight:500}.brand p{margin:0;color:var(--md-on-surface-variant);font-size:12px;line-height:1.5}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.actions .primary{display:none}button,.button{font:inherit;border:0;border-radius:24px;padding:10px 18px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:40px;letter-spacing:.1px}.primary{background:var(--md-primary);color:var(--md-on-primary);box-shadow:0 1px 3px #0002}.primary:active{box-shadow:none;transform:scale(.98)}.ghost{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.back{color:var(--md-primary);background:transparent;padding:8px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.stat{background:var(--md-surface-container);border-radius:16px;padding:15px 16px}.stat span{font-size:11px;color:var(--md-on-surface-variant)}.stat b{display:block;font-size:24px;font-weight:500;margin-top:5px;color:var(--md-on-surface)}.panel,.detail{background:#fff;border:1px solid var(--md-outline-variant);border-radius:16px;padding:16px}.panel h2{margin:0 0 14px;font-size:18px;font-weight:500}.search,input,select,textarea{width:100%;border:1px solid var(--md-outline);border-radius:4px;padding:13px 14px;background:transparent;color:var(--md-on-surface);font:inherit;font-size:14px;min-height:50px;outline:none}.search{margin-bottom:12px}.search:focus,input:focus,select:focus,textarea:focus{border:2px solid var(--md-primary);padding:12px 13px}.grid{display:grid;grid-template-columns:1fr;gap:10px}.card{display:block;background:#fff;border:1px solid var(--md-outline-variant);border-radius:12px;padding:17px;text-decoration:none;color:var(--md-on-surface);min-height:116px;transition:background .15s,box-shadow .15s}.card:hover{background:var(--md-surface-container);box-shadow:0 2px 6px #0002}.card:active,.visit-card:active{background:var(--md-primary-container);transform:scale(.99)}.card h3{margin:0 0 9px;font-size:17px;font-weight:600}.muted{color:var(--md-on-surface-variant);font-size:12px;line-height:1.8}.badge{display:inline-block;padding:5px 10px;border-radius:8px;background:var(--md-primary-container);color:var(--md-on-primary-container);font-size:11px}.serial{font-family:monospace;direction:ltr;text-align:left;color:var(--md-primary);font-weight:700;font-size:12px}.visit-card{display:block;padding:16px;border:1px solid var(--md-outline-variant);border-radius:12px;background:#fff;margin-bottom:10px;text-decoration:none;color:var(--md-on-surface);transition:background .15s}.visit-card h3{font-size:15px;line-height:1.6;margin:10px 0 5px;font-weight:600}.row{display:flex;justify-content:space-between;align-items:center;gap:9px}.empty{text-align:center;color:var(--md-on-surface-variant);padding:40px 10px;font-size:13px}.detail{padding:16px}.detail-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border-bottom:1px solid var(--md-outline-variant);padding-bottom:15px;margin-bottom:16px}.detail h2{margin:0 0 7px;font-size:20px;font-weight:500}.fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.field{background:var(--md-surface-container);border-radius:10px;padding:11px}.field label{display:block;color:var(--md-on-surface-variant);font-size:10px;margin-bottom:5px}.field strong{font-size:13px;line-height:1.7;font-weight:600}.work{background:var(--md-primary-container);color:var(--md-on-primary-container);border-radius:12px;padding:13px;line-height:1.9;font-size:13px;margin-bottom:12px}.attachments{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.attachment{border:1px solid var(--md-outline-variant);border-radius:12px;overflow:hidden;background:#fff}.attachment a{display:block;text-decoration:none;color:var(--md-on-surface)}.attachment img,.attachment .file{display:block;width:100%;height:120px;object-fit:cover;background:var(--md-surface-container)}.attachment .file{display:grid;place-items:center;color:var(--md-primary);font-size:30px}.attachment p{margin:0;padding:9px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice{padding:13px;background:#fff4e5;border-radius:12px;color:#7a4d00;font-size:12px;line-height:1.8}.form{display:grid;grid-template-columns:1fr;gap:13px}.form label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.required{color:var(--md-error)}.bottom-nav{position:fixed;z-index:10;bottom:0;right:0;left:0;background:var(--md-surface-container);border-top:1px solid var(--md-outline-variant);padding:8px 12px calc(8px + var(--md-safe));display:flex;justify-content:center;gap:4px;box-shadow:0 -2px 8px #0001}.bottom-nav a{flex:1;max-width:170px;text-align:center;text-decoration:none;color:var(--md-on-surface-variant);font-size:11px;padding:7px 4px;border-radius:18px;min-height:48px;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center}.nav-icon{font-size:20px;line-height:20px;font-weight:400}.bottom-nav a.active{background:var(--md-secondary-container);color:var(--md-on-secondary-container);font-weight:700}.toast{position:fixed;bottom:86px;right:16px;left:16px;background:#322f35;color:#fff;padding:14px 16px;border-radius:8px;display:none;text-align:center}.toast.show{display:block}@media(min-width:700px){body{padding:24px 0}.app{background:var(--md-surface);border:1px solid var(--md-outline-variant);border-radius:28px;box-shadow:0 12px 50px #322f3520;min-height:calc(100dvh - 48px);padding:0 20px calc(94px + var(--md-safe))}.top{margin:0 -20px 16px;padding:8px 20px;border-radius:28px 28px 0 0}.bottom-nav{right:auto;left:50%;transform:translateX(-50%);width:min(600px,100%);border:1px solid var(--md-outline-variant);border-radius:20px 20px 0 0}}@media print{.bottom-nav,.top .actions,.stats{display:none!important}.app{padding:0;max-width:none}.detail{box-shadow:none;border:0}}