:root{--color-primary: #1f5f8f;--color-primary-strong: #174a70;--color-primary-soft: #e8f2f8;--color-accent: #0f8f83;--color-accent-soft: #e6f5f2;--color-warning: #b7791f;--color-warning-soft: #fff7e8;--color-danger: #b42318;--color-danger-soft: #fff0ee;--color-success: #1f7a4d;--color-success-soft: #e9f6ef;--color-closed: #5d6675;--color-closed-soft: #f1f3f6;--color-text: #172331;--color-muted: #667085;--color-border: #d9e2ea;--color-surface: #ffffff;--color-background: #f6f9fb;--color-focus: #68a7d4;--shadow-soft: 0 18px 40px rgba(27, 63, 91, .08);--radius-card: 8px;--radius-control: 8px;--space-page: clamp(20px, 5vw, 56px);color:var(--color-text);background:var(--color-background);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7;letter-spacing:0}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0;background:linear-gradient(180deg,#e8f2f8a3,#f6f9fb00),var(--color-background)}body,button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--color-primary);text-decoration-thickness:1px;text-underline-offset:.22em}img,svg{display:block}[hidden]{display:none!important}.site-header{position:sticky;z-index:10;top:0;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px max(16px,env(safe-area-inset-left)) 14px max(16px,env(safe-area-inset-right));background:#ffffffeb;box-shadow:0 8px 22px #17233114;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:inline-flex;min-width:0;gap:10px;align-items:center;color:var(--color-text);font-size:.92rem;font-weight:700;text-decoration:none}.brand-mark{width:34px;height:34px;flex:0 0 auto}.brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-nav{display:flex;flex:0 0 auto;gap:6px;align-items:center}.site-nav a{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:8px 10px;border-radius:var(--radius-control);color:var(--color-muted);font-size:.84rem;font-weight:700;text-decoration:none}.site-nav a[aria-current=page]{background:var(--color-primary-soft);color:var(--color-primary-strong)}.page-shell{width:min(100%,1040px);margin:0 auto;padding:var(--space-page) 16px 48px}.narrow-shell{width:min(100%,680px)}.dashboard-shell{width:min(100%,1120px)}.intro-section{display:grid;gap:12px;margin:0 0 24px}.intro-section.compact{margin-bottom:20px}.eyebrow{color:var(--color-accent);font-size:.78rem;font-weight:800;text-transform:uppercase}h1,h2,p{margin:0}h1{max-width:14em;font-size:clamp(1.8rem,8vw,3rem);line-height:1.18;letter-spacing:0}h2{font-size:clamp(1.18rem,4vw,1.45rem);line-height:1.35;letter-spacing:0}.intro-section p,.panel-heading p,.section-heading p,.dashboard-header p{color:var(--color-muted)}.form-panel,.notice-panel,.data-section{padding:clamp(18px,4vw,28px);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-soft)}.form-panel+.form-panel,.data-section+.data-section{margin-top:18px}.panel-heading,.section-heading{display:flex;flex-direction:column;gap:4px;margin-bottom:18px}.panel-heading>div,.section-heading>div{min-width:0}.panel-icon{width:46px;height:46px;flex:0 0 auto;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-primary-soft);color:var(--color-primary);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.stack-form,.field-grid{display:grid;gap:16px}.field{display:grid;gap:7px}.field label{font-size:.92rem;font-weight:700}.field input,.field textarea{width:100%;min-height:48px;padding:12px 13px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:#fff;color:var(--color-text);font-size:1rem;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.field textarea{min-height:140px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--color-focus);box-shadow:0 0 0 4px #68a7d433}.field input::placeholder,.field textarea::placeholder{color:#98a2b3}.hp-field{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.primary-button,.secondary-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:11px 16px;border:1px solid transparent;border-radius:var(--radius-control);font-weight:800;text-decoration:none;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.primary-button{background:var(--color-primary);color:#fff}.primary-button:hover{background:var(--color-primary-strong)}.secondary-button{border-color:var(--color-border);background:#fff;color:var(--color-primary-strong)}.secondary-button:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.primary-button:focus-visible,.secondary-button:focus-visible,.site-nav a:focus-visible,a:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.primary-button:disabled,.secondary-button:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.68}.button-icon{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.status-message{padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-closed-soft);color:var(--color-text);white-space:pre-line}.status-message[data-tone=error]{border-color:#b4231847;background:var(--color-danger-soft);color:var(--color-danger)}.status-message[data-tone=success]{border-color:#1f7a4d47;background:var(--color-success-soft);color:var(--color-success)}.success-panel{display:grid;gap:14px;justify-items:start;padding:clamp(18px,4vw,28px);border:1px solid rgba(31,122,77,.28);border-radius:var(--radius-card);background:var(--color-success-soft)}.success-icon{width:50px;height:50px;padding:12px;border:1px solid rgba(31,122,77,.24);border-radius:50%;color:var(--color-success);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.form-footnote{margin-top:16px;color:var(--color-muted);font-size:.94rem;text-align:center}.dashboard-header{display:grid;gap:18px;margin-bottom:20px}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px}.metric{display:grid;gap:8px;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-soft)}.metric span{color:var(--color-muted);font-size:.85rem;font-weight:700}.metric strong{font-size:1.42rem;line-height:1.2;word-break:break-word}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:separate;border-spacing:0}th,td{padding:12px;border:1px solid var(--color-border);background:#fff;text-align:left;vertical-align:middle}th{background:var(--color-primary-soft);color:var(--color-primary-strong);font-size:.86rem;font-weight:800}td{color:var(--color-text)}.empty-cell{color:var(--color-muted);text-align:center}.status-badge{display:inline-flex;min-height:32px;align-items:center;justify-content:center;padding:5px 10px;border:1px solid var(--color-border);border-radius:999px;background:#fff;font-size:.82rem;font-weight:800;white-space:nowrap}.status-badge.is-pending{border-color:#b7791f4d;background:var(--color-warning-soft);color:var(--color-warning)}.status-badge.is-active{border-color:#0f8f834d;background:var(--color-accent-soft);color:var(--color-accent)}.status-badge.is-success{border-color:#1f7a4d4d;background:var(--color-success-soft);color:var(--color-success)}.status-badge.is-closed{border-color:#5d66754d;background:var(--color-closed-soft);color:var(--color-closed)}.notice-panel{color:var(--color-muted)}.site-footer{padding:24px 16px 34px;color:var(--color-muted);text-align:center}@media (min-width: 720px){.site-header{padding-right:32px;padding-left:32px}.brand{font-size:1rem}.site-nav a{padding-right:14px;padding-left:14px;font-size:.9rem}.intro-section{max-width:760px;margin-bottom:30px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-button{width:fit-content;min-width:180px}.dashboard-header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 420px){.site-header{align-items:stretch;flex-direction:column}.site-nav{width:100%}.site-nav a{flex:1 1 0}.panel-heading{align-items:stretch;flex-direction:column}.panel-icon{width:42px;height:42px}}@media (max-width: 480px){th,td{padding:10px 8px;font-size:.92rem}}
