:root{--brand: #122a4c;--brand-strong: #0c1e38;--brand-soft: #e8edf5;--accent: #1f6feb;--bg: #f6f7f9;--surface: #ffffff;--surface-2: #eef0f4;--text: #17202b;--text-2: #5a6675;--border: #dfe3e9;--danger: #b42318;--ok: #067647;--warn: #b54708;--highlight: rgba(31, 111, 235, .28);--highlight-stroke: #1f6feb;--radius: 14px;--shadow: 0 1px 3px rgba(16, 24, 40, .08);--nav-h: 62px}[data-theme=dark]{--brand: #9db8dd;--brand-strong: #c8d8ef;--brand-soft: #1a2740;--accent: #5c9dff;--bg: #0e1420;--surface: #17202f;--surface-2: #1e2a3d;--text: #e8edf5;--text-2: #93a1b5;--border: #2a3850;--danger: #f97066;--ok: #32d583;--warn: #fdb022;--highlight: rgba(92, 157, 255, .32);--highlight-stroke: #5c9dff;--shadow: 0 1px 3px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans Arabic,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:15px}h1,h2,h3{margin:0 0 8px;font-weight:700}h1{font-size:1.35rem}h2{font-size:1.15rem}h3{font-size:1rem}a{color:var(--accent);text-decoration:none}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:var(--text)}.page{max-width:1200px;margin:0 auto;padding:16px 16px calc(var(--nav-h) + 24px)}.page--narrow{max-width:560px}.page--wide{max-width:1400px}.topbar{position:sticky;top:0;z-index:30;background:var(--brand);color:#fff;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}[data-theme=dark] .topbar{background:var(--surface);color:var(--text);border-bottom:1px solid var(--border)}.topbar__title{font-weight:700;font-size:1.05rem;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__back{background:none;border:none;color:inherit;font-size:1.3rem;padding:4px 8px;border-radius:8px}.topbar__back:active{background:#ffffff26}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:40;height:var(--nav-h);background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:stretch;padding-bottom:env(safe-area-inset-bottom)}.bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-2);font-size:.68rem;font-weight:600}.bottomnav a.active{color:var(--accent)}.bottomnav svg{width:22px;height:22px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card+.card{margin-top:12px}.card--tap{display:block;color:inherit;transition:transform .06s ease}.card--tap:active{transform:scale(.985)}.card__title{font-weight:700}.card__sub{color:var(--text-2);font-size:.85rem;margin-top:2px}.grid{display:grid;gap:12px}.grid--2{grid-template-columns:repeat(2,1fr)}@media(min-width:720px){.grid--2-desktop{grid-template-columns:repeat(2,1fr)}.grid--3-desktop{grid-template-columns:repeat(3,1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:11px 18px;font-weight:600;border:1px solid transparent;background:var(--brand);color:#fff;min-height:44px}[data-theme=dark] .btn{background:var(--accent)}.btn:disabled{opacity:.55;cursor:default}.btn--secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn--danger{background:var(--danger)}.btn--sm{min-height:34px;padding:6px 12px;font-size:.85rem;border-radius:8px}.btn--block{width:100%}.field{margin-bottom:14px}.field label{display:block;font-weight:600;font-size:.85rem;margin-bottom:6px}.field .hint{color:var(--text-2);font-weight:400}.input,select.input,textarea.input{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);min-height:44px}.input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}.field__error{color:var(--danger);font-size:.8rem;margin-top:4px}.form-error{background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 35%,var(--surface));padding:10px 12px;border-radius:10px;margin-bottom:12px;font-size:.88rem}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}table.data{width:100%;border-collapse:collapse;font-size:.88rem}table.data th,table.data td{text-align:start;padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}table.data th{background:var(--surface-2);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);position:sticky;top:0}table.data tr:last-child td{border-bottom:none}table.data tr.selectable{cursor:pointer}table.data tr.selectable:hover{background:var(--surface-2)}table.data tr.selected{background:var(--highlight)}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:.72rem;font-weight:700}.badge--ok{background:color-mix(in srgb,var(--ok) 14%,var(--surface));color:var(--ok)}.badge--warn{background:color-mix(in srgb,var(--warn) 14%,var(--surface));color:var(--warn)}.badge--danger{background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger)}.badge--muted{background:var(--surface-2);color:var(--text-2)}.badge--brand{background:var(--brand-soft);color:var(--brand)}@keyframes shimmer{0%{opacity:.55}50%{opacity:1}to{opacity:.55}}.skeleton{background:var(--surface-2);border-radius:8px;animation:shimmer 1.4s infinite;min-height:16px}.empty{text-align:center;padding:40px 16px;color:var(--text-2)}.empty__icon{font-size:2rem;margin-bottom:8px}.viewer-layout{display:flex;flex-direction:column;gap:12px}@media(min-width:900px){.viewer-layout{flex-direction:row-reverse;align-items:flex-start}.viewer-layout__diagram{flex:1.4;position:sticky;top:70px}.viewer-layout__list{flex:1}}.diagram-box{position:relative;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:var(--radius);touch-action:none;-webkit-user-select:none;user-select:none;height:min(58vh,520px)}.diagram-box--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;height:100%;border-radius:0}.diagram-box__stage{position:absolute;transform-origin:0 0}.diagram-box__stage img{display:block;pointer-events:none}.diagram-box__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.diagram-box__controls{position:absolute;top:10px;inset-inline-end:10px;display:flex;gap:6px;z-index:5}.diagram-box__controls .btn{min-height:34px;padding:5px 10px;font-size:.8rem;opacity:.92}.hotspot{fill:transparent;stroke:transparent;cursor:pointer;pointer-events:all}.hotspot--selected{fill:var(--highlight);stroke:var(--highlight-stroke);stroke-width:.004}.hotspot:hover{fill:#1f6feb1f}.partrow{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--border);cursor:pointer}.partrow:last-child{border-bottom:none}.partrow.selected{background:var(--highlight)}.partrow__num{font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent)}.partrow__name{font-size:.85rem;color:var(--text-2)}.partrow__meta{margin-inline-start:auto;text-align:end;font-size:.78rem;color:var(--text-2);white-space:nowrap}.editor-point{fill:#fff;stroke:var(--accent);stroke-width:.003;cursor:grab}.editor-poly{fill:#1f6feb2e;stroke:var(--accent);stroke-width:.0035}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f198c;z-index:90;display:flex;align-items:flex-end;justify-content:center}@media(min-width:640px){.modal-backdrop{align-items:center}}.modal{background:var(--surface);border-radius:16px 16px 0 0;width:100%;max-width:640px;max-height:88vh;overflow-y:auto;padding:20px}@media(min-width:640px){.modal{border-radius:16px}}.modal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.row{display:flex;align-items:center;gap:10px}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.muted{color:var(--text-2)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.mt{margin-top:12px}.mb{margin-bottom:12px}.spacer{flex:1}.list-card{padding:0;overflow:hidden}.section-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);margin:20px 0 8px;font-weight:700}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:7px 14px;font-size:.83rem;font-weight:600;color:var(--text-2)}.chip.active{background:var(--brand);border-color:var(--brand);color:#fff}[data-theme=dark] .chip.active{background:var(--accent);border-color:var(--accent)}.login-hero{text-align:center;padding:48px 0 28px}.login-hero__logo{width:72px;height:72px;margin-bottom:14px}.login-hero h1{font-size:1.7rem;letter-spacing:.02em}.login-hero p{color:var(--text-2);margin:4px 0 0}.vsummary{background:var(--brand);color:#fff;border-radius:var(--radius);padding:14px 16px}[data-theme=dark] .vsummary{background:var(--brand-soft);color:var(--text)}.vsummary__make{font-size:.78rem;letter-spacing:.12em;opacity:.85;text-transform:uppercase}.vsummary__model{font-size:1.2rem;font-weight:700}.vsummary__meta{font-size:.82rem;opacity:.9;margin-top:2px}