:root{--color-primary: #1f3a5f;--color-primary-hover: #2b547f;--color-primary-press: #16314f;--color-heritage-green: #2f6b57;--color-heritage-green-light: #e8f3ee;--color-heritage-green-soft: #f1f8f4;--color-accent-blue: #3b6ea8;--color-accent-blue-light: #eef4fb;--color-warm-gold: #c8a45d;--color-warm-gold-light: #f6eedc;--color-warm-gold-text: #8a6d2f;--color-paper: #fffdf8;--color-porcelain: #f7faf8;--color-bg-public: #f7f9f6;--color-bg-soft: #fbfaf6;--color-bg-mist: #eef5f1;--color-bg-elevated: rgba(255, 255, 255, .82);--color-bg-card: #ffffff;--color-bg-dark: #122033;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-text-weak: #9ca3af;--color-text-on-dark: rgba(255, 255, 255, .9);--color-border: #e6edf0;--color-border-card: #e8ecf0;--color-border-green: #d8e5dc;--color-border-warm: #efe3d0;--color-danger: #c0392b;--color-warning: #d97706;--color-success: #2f6b57;--radius-card: 16px;--radius-card-lg: 28px;--radius-card-xl: 36px;--radius-button: 12px;--radius-field: 14px;--shadow-light: 0 10px 28px rgba(31, 58, 95, .06);--shadow-soft: 0 18px 48px rgba(31, 58, 95, .08);--shadow-float: 0 30px 90px rgba(31, 58, 95, .12);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .72);--gradient-page: linear-gradient(180deg, #fbfcfb 0%, #f3f7f5 46%, #f8fafb 100%);--gradient-hero: linear-gradient(145deg, #ffffff 0%, #f1faf6 52%, #eef4fb 100%);--gradient-primary: linear-gradient(135deg, #1f3a5f 0%, #28605b 100%);--gradient-soft: linear-gradient(145deg, rgba(255, 255, 255, .96) 0%, rgba(242, 250, 247, .92) 100%);--transition-fast: .18s ease;--transition-medium: .28s ease}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 12% 0%,rgba(59,110,168,.08),transparent 360px),radial-gradient(circle at 88% 4%,rgba(47,107,87,.1),transparent 420px),var(--gradient-page);color:var(--color-text-primary);font-family:SF Pro Display,SF Pro Text,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}::selection{background:#2f6b5729;color:var(--color-primary)}.container{width:min(1180px,calc(100vw - 40px));margin:0 auto}.page{min-height:100vh;background:radial-gradient(circle at 12% 4%,rgba(59,110,168,.08),transparent 280px),radial-gradient(circle at 86% 8%,rgba(47,107,87,.1),transparent 320px),var(--gradient-page)}.page main{position:relative;z-index:1}.card{position:relative;border:1px solid rgba(255,255,255,.72);border-radius:var(--radius-card-lg);background:radial-gradient(circle at 100% 0%,rgba(200,164,93,.08),transparent 180px),#ffffffeb;box-shadow:var(--shadow-inset),var(--shadow-light);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.muted{color:var(--color-text-secondary)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border:1px solid transparent;border-radius:var(--radius-button);background:var(--gradient-primary);color:#fff;cursor:pointer;font-weight:600;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #1f3a5f24}.button:active{transform:translateY(0);box-shadow:0 6px 18px #1f3a5f24}.button.secondary{border-color:#1f3a5f1a;background:#ffffffeb;color:var(--color-primary);box-shadow:var(--shadow-inset)}.button.ghost{border-color:#1f3a5f14;background:#ffffff61;color:var(--color-primary)}.button.danger{background:linear-gradient(135deg,#b4533a,#8f352a);color:#fff}.field{width:100%;min-height:46px;border:1px solid rgba(31,58,95,.11);border-radius:var(--radius-field);background:#fffffff0;padding:0 14px;color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.field:focus,.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1f3a5f14;outline:none}.textarea{min-height:112px;padding:14px;resize:vertical}.button:focus-visible,.field:focus-visible,.textarea:focus-visible,a:focus-visible{outline:0;box-shadow:0 0 0 4px #2f6b571f}.grid{display:grid;gap:16px}.eyebrow{display:inline-flex;width:fit-content;border:1px solid rgba(47,107,87,.14);border-radius:999px;background:#ffffffb8;padding:7px 14px;color:var(--color-heritage-green);font-size:13px;font-weight:800;letter-spacing:.08em}.status-pill{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;background:var(--color-heritage-green-light);padding:5px 10px;color:var(--color-heritage-green);font-size:12px;font-weight:800}.status-pill.pending{background:var(--color-warm-gold-light);color:var(--color-warm-gold-text)}.status-pill.danger{background:#fde8e6;color:var(--color-danger)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading h1{margin:10px 0 0;color:var(--color-primary);font-size:clamp(30px,4vw,44px);letter-spacing:-.03em;line-height:1.12}.page-heading p{margin:8px 0 0;max-width:680px;color:var(--color-text-secondary);line-height:1.72}.state-panel{display:grid;min-height:190px;place-items:center;gap:12px;padding:28px;color:var(--color-text-secondary);text-align:center}.state-panel strong{color:var(--color-primary);font-size:18px}.state-panel.error{color:var(--color-danger)}.form-card,.profile-card,.detail-card,.panel{border:1px solid rgba(255,255,255,.72);border-radius:var(--radius-card-lg);background:radial-gradient(circle at 100% 0%,rgba(200,164,93,.1),transparent 180px),linear-gradient(135deg,#fffffff5,#f4faf7eb);box-shadow:var(--shadow-light)}.surface-soft{border:1px solid rgba(255,255,255,.72);border-radius:22px;background:radial-gradient(circle at 100% 0%,rgba(47,107,87,.1),transparent 150px),linear-gradient(135deg,#f1f8f4,#f8f3e9);box-shadow:0 12px 30px #1f3a5f0d}@media(max-width:720px){.container{width:min(100vw - 24px,1180px)}.page-heading{align-items:stretch;flex-direction:column}}