.portal-page { min-height:100vh; background:var(--soft); }
.portal-header { border-bottom:1px solid var(--line); background:white; }
.portal-header-inner { width:min(1280px,calc(100% - 48px)); margin:auto; padding:18px 0; display:flex; align-items:center; gap:26px; flex-wrap:wrap; }
.portal-nav { display:flex; gap:18px; flex:1; flex-wrap:wrap; }
.portal-nav a { font-size:12px; color:var(--muted); font-weight:600; }
.portal-nav a.active,.portal-nav a:hover { color:var(--blue); }
.portal-main { width:min(1280px,calc(100% - 48px)); margin:32px auto; }
.portal-title { margin:0 0 10px; font-size:28px; letter-spacing:-.04em; }
.portal-subtitle { margin:0 0 24px; color:var(--muted); font-size:13px; line-height:1.8; }
.portal-toolbar { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-bottom:20px; }
.portal-panel,.portal-card { padding:24px; background:white; border:1px solid var(--line); border-radius:12px; margin-bottom:20px; min-width:0; }
.portal-panel h2,.portal-card h2 { margin:0 0 16px; font-size:18px; }
.portal-panel p,.portal-card p { line-height:1.8; color:var(--muted); overflow-wrap:anywhere; white-space:pre-wrap; }
.portal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.portal-table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:12px; background:white; margin-bottom:20px; }
.portal-table { border-collapse:collapse; width:100%; font-size:12px; }
.portal-table th { text-align:left; font-weight:600; color:var(--muted); background:#f9fbfe; }
.portal-table th,.portal-table td { padding:14px 16px; border-bottom:1px solid var(--line); vertical-align:top; }
.portal-table tr:last-child td { border-bottom:0; }.portal-table td { overflow-wrap:anywhere; max-width:300px; }
.portal-table .button { font-size:11px; padding:8px 11px; margin:0 5px 6px 0; }
.portal-status { display:inline-flex; padding:4px 9px; border-radius:20px; font-size:11px; background:var(--blue-soft); color:var(--blue); }
.portal-form { max-width:760px; }
.portal-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.portal-field { display:flex; flex-direction:column; gap:8px; font-size:12px; font-weight:600; min-width:0; }
.portal-field input,.portal-field textarea,.portal-field select,.portal-filter input,.portal-filter select { width:100%; min-width:0; font:inherit; border:1px solid #dce5f2; border-radius:8px; padding:11px; background:white; color:var(--ink); }
.portal-field input:focus,.portal-field textarea:focus,.portal-field select:focus { outline:2px solid #9cbfff; }
.portal-field textarea { min-height:110px; resize:vertical; }.portal-field.wide { grid-column:1/-1; }
.portal-field.checkbox { flex-direction:row; align-items:center; grid-column:1/-1; }.portal-field.checkbox input { width:18px; height:18px; accent-color:var(--blue); }
.portal-form-actions { display:flex; gap:12px; margin-top:24px; flex-wrap:wrap; }
.portal-message { min-height:20px; margin:16px 0; color:#b3424e; font-size:13px; line-height:1.7; white-space:pre-wrap; }
.portal-message.success { color:#198559; }
.portal-dialog { width:min(800px,calc(100% - 32px)); max-height:90vh; border:1px solid var(--line); border-radius:14px; padding:26px; color:var(--ink); }
.portal-dialog::backdrop { background:#15213a65; }.portal-dialog h2 { margin-top:0; }
.portal-filter { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px; margin:0 0 20px; }.portal-filter label { font-size:11px; color:var(--muted); display:flex; flex-direction:column; gap:7px; min-width:140px; }
.portal-filter input,.portal-filter select { font-size:12px; }.portal-link-field { width:100%; border:1px solid var(--line); border-radius:8px; padding:12px; font-size:12px; margin:10px 0; }
.portal-pager { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:20px 0; }
.portal-note { font-size:12px; line-height:1.8; color:var(--muted); margin:16px 0; }
.portal-code { display:block; width:100%; min-height:120px; font:12px/1.8 monospace; background:#f7faff; border:1px solid var(--line); padding:16px; border-radius:8px; resize:vertical; overflow:auto; }
.portal-logo { max-width:200px; max-height:80px; object-fit:contain; display:block; margin:10px 0; }
.portal-page a:focus-visible,.portal-page button:focus-visible { outline:3px solid #9cbfff; outline-offset:3px; }
@media(max-width:700px) { .portal-header-inner,.portal-main { width:calc(100% - 32px); }.portal-nav { order:3; flex-basis:100%; }.portal-main { margin-top:24px; }.portal-grid,.portal-fields { grid-template-columns:1fr; }.portal-title { font-size:24px; }.portal-panel,.portal-card { padding:18px; }.portal-header .button { margin-left:auto; } }