:root{--bg: #e8edf2;--panel: #ffffff;--panel-border: #d4dce8;--accent: #2a5cb8;--accent-light: #e8f0fc;--accent-hover: #1e4a9a;--text: #1a2636;--text-muted: #6a7a8e;--danger: #e04040}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}header{background:var(--panel);border-bottom:1px solid var(--panel-border);padding:14px 24px;display:flex;align-items:center;gap:12px}header h1{font-family:Bebas Neue,sans-serif;font-size:1.8rem;letter-spacing:.08em;color:var(--accent)}header p{font-size:.8rem;color:var(--text-muted);margin-top:1px}.layout{display:flex;flex-direction:column;gap:14px;padding:16px;max-width:640px;margin:0 auto}.plane-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;overflow:hidden}.plane-wrap{position:relative;cursor:default}.plane-wrap svg{display:block;width:100%;height:auto}.plane-footer{padding:12px 16px 16px;display:flex;flex-direction:column;gap:8px}.seat-hit{cursor:pointer;fill:transparent;stroke:none;transition:fill .15s}.seat-hit:hover{fill:#2a5cb826}.btn{width:100%;border:none;border-radius:9px;padding:11px;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s;text-align:center;text-decoration:none;display:block}.btn-outline{background:transparent;border:1.5px solid var(--accent);color:var(--accent)}.btn-outline:hover{background:var(--accent-light)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-dl{display:none}.btn-dl.visible{display:block}.overlay{display:none;position:fixed;inset:0;background:#0a142880;z-index:200;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.overlay.open{display:flex}.modal{background:var(--panel);border-radius:16px;padding:24px;width:310px;box-shadow:0 16px 48px #00000040}.modal h3{font-family:Bebas Neue,sans-serif;font-size:1.3rem;letter-spacing:.08em;color:var(--accent);margin-bottom:16px}#choiceView{display:flex;flex-direction:column;gap:10px}.choice-btn{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1.5px solid var(--panel-border);border-radius:10px;background:var(--bg);cursor:pointer;text-align:left;transition:all .15s;width:100%}.choice-btn:hover{border-color:var(--accent);background:var(--accent-light)}.choice-btn--danger{border-color:var(--danger)}.choice-btn--danger:hover{background:#fdeaea}.choice-icon{font-size:1.6rem;line-height:1}.choice-label{font-weight:600;font-size:.9rem;color:var(--text)}.choice-btn--danger .choice-label{color:var(--danger)}.choice-sub{font-size:.75rem;color:var(--text-muted);margin-top:2px}.upload-zone{border:2px dashed var(--panel-border);border-radius:10px;padding:14px;text-align:center;cursor:pointer;transition:all .15s;color:var(--text-muted);font-size:.78rem;margin-bottom:16px}.upload-zone:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.upload-zone input{display:none}.upload-zone .icon{font-size:1.5rem;display:block;margin-bottom:4px}.preview-img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--accent);display:none;margin:0 auto 14px;box-shadow:0 2px 10px #2a5cb833}.preview-img.show{display:block}.modal-actions{display:flex;gap:10px;margin-top:4px}.btn-cancel{flex:1;background:var(--bg);border:1.5px solid var(--panel-border);color:var(--text-muted);border-radius:8px;padding:10px;font-family:DM Sans,sans-serif;font-size:.85rem;cursor:pointer;transition:all .15s;margin-top:4px;width:100%}.btn-cancel:hover{background:var(--panel-border)}.btn-assign{flex:2;background:var(--accent);border:none;color:#fff;border-radius:8px;padding:10px;font-family:Bebas Neue,sans-serif;font-size:1rem;letter-spacing:.08em;cursor:pointer;transition:background .15s}.btn-assign:hover{background:var(--accent-hover)}@media(max-width:680px){.layout{padding:10px}}