*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;color:#1a1a2e;background:#f5f5f5;line-height:1.5}.page{max-width:960px;margin:0 auto;padding:2rem 1rem}.portal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #ddd}.user-info{display:flex;align-items:center;gap:.75rem;font-size:.875rem}.role-badge{background:#1a1a2e;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.breadcrumb{margin-bottom:1rem}.breadcrumb a{color:#555;text-decoration:none;font-size:.9rem}.breadcrumb a:hover{color:#1a1a2e}.page-header{margin-bottom:1.5rem}.page-header h1{margin-bottom:.25rem}.back-link{color:#666;text-decoration:none;font-size:.875rem}.back-link:hover{color:#1a1a2e}.subtitle{color:#666;font-size:.875rem;margin-top:.25rem}.section{background:#fff;border-radius:8px;padding:1.25rem;margin-bottom:1rem;border:1px solid #e0e0e0}.section h2{font-size:1.1rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.badge{background:#1a1a2e;color:#fff;font-size:.75rem;padding:.1rem .5rem;border-radius:10px;font-weight:600}.config-section{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.config-section h2{font-size:1.15rem;margin-bottom:.25rem}.section-hint{color:#666;font-size:.85rem;margin-bottom:1rem}.tab-bar{display:flex;gap:0;margin-bottom:1rem;border-bottom:2px solid #e0e0e0}.tab{padding:.5rem 1rem;border:none;background:none;cursor:pointer;font-size:.9rem;color:#666;border-bottom:2px solid transparent;margin-bottom:-2px}.tab.active{color:#1a1a2e;border-bottom-color:#1a1a2e;font-weight:600}.card-form{display:flex;flex-direction:column;gap:.75rem}.form-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.form-row-between{justify-content:space-between;align-items:center}.form-field{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.form-field-narrow{flex:0 0 120px}.form-field-wide{flex:2}.form-field-inline{flex-direction:row;align-items:center;gap:.5rem}.form-label{font-size:.8rem;font-weight:600;color:#444;white-space:nowrap}.form-hint{font-weight:400;color:#888;margin-left:.25rem}input,select,textarea{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:#1a1a2e;box-shadow:0 0 0 2px #1a1a2e1a}.mono-input{font-family:SF Mono,Menlo,Monaco,Courier New,monospace;letter-spacing:2px}textarea{resize:vertical;min-height:100px}.add-form{margin-bottom:.5rem}.inline-input{border:1px solid #ddd;border-radius:4px;padding:.35rem .5rem;font-size:.9rem;font-family:inherit;background:#fafafa;transition:border-color .15s}.inline-input:focus{outline:none;border-color:#1a1a2e;background:#fff}.inline-select{border:1px solid #ddd;border-radius:4px;padding:.35rem .5rem;font-size:.9rem;font-family:inherit;background:#fafafa}.inline-select:focus{outline:none;border-color:#1a1a2e}.color-input{width:2rem;height:2rem;border:1px solid #ddd;border-radius:4px;padding:2px;cursor:pointer}.time-input{width:7rem}.flag-input{width:6rem}.vhf-input{width:5rem}.rounding-toggle{display:flex;align-items:center;gap:.5rem}.rounding-btn{padding:.3rem .75rem;border:2px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;font-size:.8rem;font-weight:600}.rounding-btn.port{color:#c0392b;border-color:#e8c0bc}.rounding-btn.port.active{background:#c0392b;color:#fff;border-color:#c0392b}.rounding-btn.stbd{color:#27ae60;border-color:#b8e0ca}.rounding-btn.stbd.active{background:#27ae60;color:#fff;border-color:#27ae60}.mark-preview{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.route-code{background:#1a1a2e;color:#fff;padding:.15rem .5rem;border-radius:3px;font-size:.8rem;font-weight:700;font-family:SF Mono,Menlo,monospace}.sequence-code{background:#f0f0f5;padding:.15rem .5rem;border-radius:3px;font-size:.8rem;font-family:SF Mono,Menlo,monospace;letter-spacing:1px}.mark-count{color:#888;font-size:.8rem}.btn{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;font-size:.9rem;font-weight:600;transition:opacity .15s}.btn:hover{background:#f0f0f0}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:#1a1a2e;color:#fff;border-color:#1a1a2e}.btn-primary:hover:not(:disabled){background:#2d2d4e}.btn-lg{padding:.65rem 1.5rem;font-size:1rem}.btn-sm{padding:.2rem .5rem;font-size:.8rem}.btn-danger{background:#fee;color:#c0392b}.btn-danger:hover:not(:disabled){background:#fdd}.config-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.config-table th{text-align:left;font-size:.8rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.03em;padding:.5rem .5rem .5rem 0;border-bottom:1px solid #eee}.config-table td{padding:.5rem .5rem .5rem 0;border-bottom:1px solid #f0f0f0;vertical-align:middle}.config-table code{font-size:.8rem;background:#f0f0f0;padding:.15em .4em;border-radius:3px}.card-list table{width:100%;border-collapse:collapse;font-size:.875rem}.card-list th{text-align:left;padding:.4rem .5rem;font-size:.75rem;text-transform:uppercase;color:#888;border-bottom:1px solid #e0e0e0}.card-list td{padding:.5rem;border-bottom:1px solid #f0f0f0;vertical-align:middle}.card-list .num{text-align:right;font-variant-numeric:tabular-nums}.fleet-input{width:100px;padding:.25rem .4rem;font-size:.8rem}.empty-state{color:#888;text-align:center;padding:2rem;font-size:.9rem}.bulk-entry{display:flex;flex-direction:column;gap:.75rem}.bulk-preview{font-size:.85rem;color:#27ae60;font-weight:600}.error-text{font-size:.85rem;color:#c0392b}.save-bar{position:sticky;bottom:1rem;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 -2px 12px #0000000f;flex-wrap:wrap}.saved-badge{color:#27ae60;font-weight:600;font-size:.9rem}.unsaved-indicator{color:#c60;font-size:.85rem}.error-banner{background:#fee;color:#c0392b;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;border:1px solid #fcc}.marks-ref summary{cursor:pointer;font-weight:600;font-size:.9rem;color:#666}.marks-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.mark-chip{background:#f0f0f5;padding:.3rem .6rem;border-radius:4px;font-size:.8rem}.mark-chip strong{font-family:SF Mono,Menlo,monospace}.notice{background:#e8f4fd;border:1px solid #b3d9f2;border-radius:4px;padding:.75rem 1rem;margin:1rem 0}.error{background:#fde8e8;border:1px solid #f2b3b3;border-radius:4px;padding:.75rem 1rem;margin:1rem 0;color:#c53030}.dashboard-nav{margin-top:1.5rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.nav-card{display:block;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.25rem;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.nav-card:hover{border-color:#1a1a2e;box-shadow:0 2px 8px #1a1a2e14}.nav-card h2{font-size:1.1rem;margin-bottom:.25rem}.nav-card p{color:#666;font-size:.875rem}.nav-card strong{display:block;margin-bottom:.25rem}.nav-card span{color:#666;font-size:.9rem}