@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";:root{font-family:Be Vietnam Pro,sans-serif;color:#f7fbff;background:radial-gradient(circle at top left,rgba(13,110,253,.18),transparent 24rem),radial-gradient(circle at top right,rgba(72,149,239,.24),transparent 18rem),linear-gradient(180deg,#07111f,#0c1c2f 48%,#102641);--panel: rgba(10, 23, 40, .72);--panel-strong: rgba(7, 20, 36, .88);--line: rgba(151, 189, 221, .18);--text-muted: #a9bfd6;--accent: #3bb1d8;--accent-strong: #f9be48;--danger: #ff7362}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#f7fbff;background:inherit}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:#071424b8;color:#f7fbff;padding:.9rem 1rem}textarea{resize:vertical}main{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.panel{border:1px solid var(--line);border-radius:28px;background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 50px #020a1647;padding:1.5rem}.landing-page,.admin-page,.editor-page,.public-page{display:grid;gap:1.5rem}.admin-page{gap:1.25rem}.hero{display:grid;gap:1.5rem;grid-template-columns:1.4fr .9fr;align-items:stretch}.hero-copy,.hero-card{border:1px solid var(--line);border-radius:32px;background:linear-gradient(180deg,#071424d1,#0a1e34c7);padding:2rem}.hero-copy h1,.public-card h1,.auth-card h1,.admin-header h1,.editor-page h1{margin:.35rem 0 1rem;font-size:clamp(2rem,4vw,3.6rem);line-height:1.05}.hero-card ul{margin:1rem 0 0;padding-left:1.2rem;color:var(--text-muted);line-height:1.7}.eyebrow{display:inline-block;border-radius:999px;background:#3bb1d81f;color:#9be8ff;padding:.35rem .75rem;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}.hero-actions,.header-actions,.form-actions,.import-toolbar,.toolbar{display:flex;gap:.75rem;flex-wrap:wrap}.header-actions{align-items:flex-start}.primary-button,.ghost-button,.danger-button,.run-item{border:0;border-radius:16px;padding:.9rem 1.1rem;cursor:pointer;transition:transform .12s ease,opacity .12s ease,background .12s ease}.primary-button:hover,.ghost-button:hover,.danger-button:hover,.run-item:hover{transform:translateY(-1px)}.primary-button{background:linear-gradient(135deg,#3bb1d8,#f9be48);color:#07111f;font-weight:700}.ghost-button{background:#97bddd14;color:#f7fbff}.danger-button{background:#ff736229;color:#ffc2ba}.lookup-form,.stack-form{display:grid;gap:1rem}.narrow-form{max-width:32rem}.auth-switch{display:flex;gap:.75rem;margin:1.25rem 0}.section-header{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1rem}.section-header-top{align-items:start;margin-bottom:1.25rem}.section-header h2,.section-header h3,.document-card h3,.info-card h2{margin:0}.section-kicker{display:inline-block;margin-bottom:.55rem;color:#7ed8f7;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.section-subheader{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:.35rem 0 .9rem}.section-subheader h3{margin:0}.boat-form{display:grid;gap:1rem}.form-grid{display:grid;gap:1rem;grid-template-columns:repeat(12,minmax(0,1fr))}.form-grid label{display:grid;gap:.45rem;grid-column:span 4}.form-grid label.wide{grid-column:span 8}.form-grid label span,.stack-form label span{font-size:.95rem;color:var(--text-muted)}small{color:#ffcabf}.toolbar input{flex:1 1 18rem}.admin-hero{display:grid;gap:1.35rem;grid-template-columns:minmax(0,1.6fr) auto;align-items:start}.admin-hero-copy{display:grid;gap:.7rem}.admin-hero h1{margin:0}.admin-identity{margin:0;color:#d9ecff;font-weight:600}.dashboard-stats{display:grid;gap:.9rem;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-stat-card{border:1px solid rgba(151,189,221,.14);border-radius:22px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);padding:1rem 1.1rem;display:grid;gap:.35rem}.dashboard-stat-card span{color:var(--text-muted);font-size:.88rem}.dashboard-stat-card strong{font-size:clamp(1.4rem,2vw,2rem);line-height:1}.dashboard-stat-card small{color:#cfe2f4}.admin-section{display:grid;gap:1.1rem}.admin-filter-grid{display:grid;gap:1rem;grid-template-columns:repeat(12,minmax(0,1fr))}.filter-field{display:grid;gap:.45rem;grid-column:span 4}.filter-field-wide{grid-column:span 12}.filter-field span{color:var(--text-muted);font-size:.92rem}.table-shell{border:1px solid rgba(151,189,221,.12);border-radius:22px;background:#ffffff06;position:relative;z-index:6;overflow:visible}.table-scroll{overflow-x:auto;position:relative;z-index:6}.data-table{width:100%;border-collapse:collapse;position:relative}.data-table th,.data-table td{padding:1rem;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr{position:relative}.data-table tbody tr.table-row-open{z-index:12}.data-table tbody tr.table-row-open td{position:relative;z-index:12}.data-table th{color:#9be8ff;font-size:.92rem;font-weight:600}.actions-cell{width:1%;white-space:nowrap}.compact th,.compact td{padding:.75rem}.subtle-line{display:block;margin-top:.3rem;font-size:.88rem;color:var(--text-muted)}.row-menu{position:relative;display:flex;justify-content:flex-end;z-index:2}.row-menu-trigger{width:2.8rem;height:2.8rem;border:1px solid rgba(151,189,221,.18);border-radius:16px;background:#97bddd14;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.row-menu-trigger:hover,.row-menu-trigger[aria-expanded=true]{transform:translateY(-1px);background:#3bb1d81f;border-color:#3bb1d847}.row-menu-text{display:none}.row-menu-dots{display:inline-flex;align-items:center;gap:.25rem}.row-menu-dots span{width:.26rem;height:.26rem;border-radius:999px;background:#d9ecff}.row-menu-panel,.floating-menu-panel{min-width:13.75rem;padding:.45rem;border:1px solid rgba(151,189,221,.16);border-radius:18px;background:linear-gradient(180deg,#061221fa,#0a192cf5);box-shadow:0 18px 40px #0108125c;display:grid;gap:.28rem}.row-menu-panel{position:absolute;top:calc(100% + .55rem);right:0;z-index:40}.floating-menu-panel{position:fixed;z-index:2000}.floating-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1990;background:#020a1673;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.floating-menu-header{display:grid;gap:.25rem;padding:.55rem .55rem .35rem}.floating-menu-header strong{font-size:1rem}.floating-menu-header span{color:var(--text-muted);font-size:.88rem}.row-menu-panel.menu-upward{top:auto;bottom:calc(100% + .55rem)}.menu-item{width:100%;border:0;border-radius:14px;padding:.8rem .95rem;background:transparent;color:#f7fbff;text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease,transform .12s ease}.menu-item:hover{background:#97bddd1a;transform:translate(1px)}.menu-item-danger{color:#ffc2ba}.menu-item-danger:hover{background:#ff736224}.table-pagination{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.5rem;position:relative;z-index:1}.pagination-summary{display:grid;gap:.2rem}.pagination-summary strong{font-size:1rem}.pagination-summary span{color:var(--text-muted);font-size:.92rem}.pagination-controls{display:flex;gap:.9rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.page-size-control{display:inline-flex;align-items:center;gap:.65rem;color:var(--text-muted)}.page-size-control span{font-size:.92rem}.page-size-control select{width:auto;min-width:5.2rem;padding:.72rem .9rem}.page-number-strip{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.page-number-button{min-width:2.7rem;height:2.7rem;border:1px solid rgba(151,189,221,.18);border-radius:14px;background:#97bddd14;color:#f7fbff;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.page-number-button:hover{transform:translateY(-1px);background:#97bddd24}.page-number-button.active{border-color:#3bb1d852;background:linear-gradient(135deg,#3bb1d83d,#f9be4838);color:#f7fbff;font-weight:700}.page-number-button:disabled,.pagination-arrow:disabled{opacity:.55;cursor:not-allowed;transform:none}.pagination-arrow{padding:.75rem .95rem}.page-ellipsis{color:var(--text-muted);padding:0 .1rem}.public-card,.public-grid,.document-grid,.stat-grid,.history-layout{display:grid;gap:1rem}.public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.document-grid,.stat-grid,.history-layout{grid-template-columns:repeat(3,minmax(0,1fr))}.history-layout{grid-template-columns:1fr 1fr;margin-top:1rem}.info-card,.document-card,.stat-grid>div{border:1px solid var(--line);border-radius:22px;background:#ffffff08;padding:1rem}.stat-grid>div strong{display:block;font-size:1.65rem;margin-bottom:.35rem}.stat-grid>div span{color:var(--text-muted);font-size:.92rem}.document-card p,.info-card p,.hero-copy p,.hero-card p,.muted-text{color:var(--text-muted);line-height:1.6}.public-header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.boat-code-badge{border-radius:20px;background:#f9be4826;color:#ffe4a5;padding:.8rem 1rem;font-weight:700}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.4rem .75rem;font-size:.85rem;font-weight:700}.status-expired{background:#ff736229;color:#ffc2ba}.status-expiring-soon{background:#f9be4829;color:#ffe4a5}.status-valid{background:#3bb1d829;color:#9be8ff}.status-missing{background:#97bddd1f;color:#c6d7e8}.auth-page{display:grid;place-items:center;min-height:100vh;width:min(540px,calc(100% - 2rem))}.auth-card{width:100%;display:grid;gap:1.4rem;padding:1.65rem}.auth-card h1{margin:.15rem 0 0;font-size:clamp(2.3rem,6vw,3.4rem);line-height:1.04}.auth-card .eyebrow{justify-self:start}.auth-card .auth-switch{margin:0}.auth-card .stack-form{gap:1.1rem}.auth-card .stack-form label{display:grid;gap:.5rem}.inline-message{border-radius:18px;background:#3bb1d81f;color:#9be8ff;padding:.9rem 1rem}.inline-message.error{background:#ff73621f;color:#ffc2ba}.back-link{color:#9be8ff}.auth-card .back-link{margin-top:-.35rem}.run-list,.error-list{display:grid;gap:.75rem}.run-item{width:100%;display:grid;gap:.3rem;text-align:left;background:#97bddd0f;color:inherit}.run-item.active{background:#3bb1d826}.error-item{border-radius:18px;background:#ffffff0a;padding:1rem}.import-upload-card{border:1px solid rgba(151,189,221,.12);border-radius:22px;background:linear-gradient(180deg,#12233ab8,#0a1728eb);padding:1.15rem;display:grid;gap:1rem}.import-upload-header{display:grid;gap:.9rem}.import-upload-header h3{margin:0 0 .35rem;font-size:1.08rem}.import-step-chips{display:flex;gap:.55rem;flex-wrap:wrap}.import-step-chip{border-radius:999px;padding:.45rem .75rem;background:#97bddd14;color:var(--text-muted);font-size:.84rem;font-weight:600}.import-step-chip.active{background:#3bb1d829;color:#c4f3ff}.file-picker-shell{display:grid;gap:.85rem}.visually-hidden-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.file-picker-button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:3rem;border-radius:16px;padding:.85rem 1rem;background:#97bddd1a;border:1px solid rgba(151,189,221,.18);color:#f7fbff;font-weight:600;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.file-picker-button:hover{transform:translateY(-1px);background:#3bb1d824;border-color:#3bb1d84d}.selected-file-card{border:1px dashed rgba(151,189,221,.18);border-radius:18px;padding:.95rem 1rem;background:#07142480;display:grid;gap:.3rem}.selected-file-card strong{font-size:1rem}.selected-file-card span{color:var(--text-muted);font-size:.92rem;line-height:1.5}.selected-file-card.has-file{border-style:solid;border-color:#3bb1d83d;background:#3bb1d814}.import-actions-grid{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.import-action-card{width:100%;min-height:5.8rem;display:grid;gap:.3rem;align-content:start;text-align:left}.import-action-card strong{font-size:1rem}.import-action-card span{font-size:.9rem;line-height:1.45}.import-action-card.primary-button span{color:#07111fbd}.import-action-card:disabled{opacity:.62;cursor:not-allowed}.file-meta{color:var(--text-muted);font-size:.92rem}.security-tip{max-width:20rem;border:1px solid rgba(59,177,216,.16);border-radius:18px;background:#3bb1d814;color:#bdefff;padding:.9rem 1rem;line-height:1.5}@media (max-width: 960px){.hero,.public-grid,.document-grid,.history-layout,.dashboard-stats,.admin-hero{grid-template-columns:1fr}.form-grid label,.form-grid label.wide,.filter-field,.filter-field-wide{grid-column:span 12}.section-subheader{align-items:start;flex-direction:column}.table-pagination,.pagination-controls{align-items:stretch}.page-size-control{width:100%;justify-content:space-between}}@media (max-width: 720px){main{width:min(100%,calc(100% - 1rem));padding:1rem 0 2.5rem}.panel,.hero-copy,.hero-card,.auth-card{padding:1rem;border-radius:24px}.admin-header h1,.hero-copy h1,.public-card h1,.auth-card h1,.editor-page h1{font-size:clamp(1.95rem,11vw,2.8rem);line-height:1.04}.header-actions,.hero-actions,.form-actions,.import-toolbar{flex-direction:column}.header-actions>*,.hero-actions>*,.form-actions>*,.import-toolbar>*{width:100%}.file-picker-button{width:100%}.import-actions-grid{grid-template-columns:1fr}.table-shell{border:0;background:transparent}.table-scroll{overflow:visible}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table thead{display:none}.data-table tbody{display:grid;gap:.9rem}.data-table tbody tr{border:1px solid rgba(151,189,221,.12);border-radius:22px;background:linear-gradient(180deg,#101f33fa,#0c1829f5);box-shadow:0 16px 32px #0309143d;position:relative;padding:1.1rem 1rem 1rem}.data-table tbody tr:last-child td{border-bottom:0}.data-table td{padding:0;border-bottom:0;white-space:normal}.data-table td+td{margin-top:1rem}.data-table td:before{content:attr(data-label);display:block;margin-bottom:.35rem;color:#8fcfe5;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.data-table td[data-label="Số đăng ký"]{padding-right:4.4rem}.data-table td[data-label="Số đăng ký"] strong{display:block;font-size:1.08rem;line-height:1.1}.data-table td[data-label="Số đăng ký"] .subtle-line{margin-top:.45rem}.actions-cell{position:absolute;top:.9rem;right:.9rem;width:auto;margin:0;z-index:3}.row-menu{justify-content:flex-end}.row-menu-trigger{width:3rem;height:3rem;justify-content:center;padding:0;border-radius:18px;background:#97bddd1a;box-shadow:inset 0 0 0 1px #ffffff0a}.row-menu-text{display:none;font-weight:600}.row-menu-panel{position:absolute;top:calc(100% + .55rem);right:0;min-width:13.25rem;width:min(13.75rem,calc(100vw - 2.5rem));margin-top:0}.data-table td.actions-cell:before{content:none;display:none}.pagination-controls{width:100%;justify-content:stretch}.page-number-strip{width:100%}.floating-menu-panel.mobile-sheet{left:12px!important;right:12px!important;top:auto!important;bottom:max(12px,env(safe-area-inset-bottom))!important;width:auto!important;min-width:0;border-radius:24px;padding:.55rem;box-shadow:0 24px 50px #0108127a}.floating-menu-panel.mobile-sheet .menu-item{padding:.95rem 1rem;border-radius:16px}}@media (max-width: 520px){.panel,.hero-copy,.hero-card,.auth-card{padding:.9rem;border-radius:22px}.eyebrow{font-size:.76rem;padding:.32rem .65rem}.dashboard-stat-card{padding:.9rem 1rem}.dashboard-stat-card strong{font-size:1.55rem}.page-number-strip{gap:.35rem}.page-number-button{min-width:2.35rem;height:2.35rem}.pagination-arrow,.primary-button,.ghost-button,.danger-button{padding:.82rem .95rem}}