:root{--navy: #101d2d;--navy-soft: #162739;--teal: #45a298;--teal-dark: #37867e;--teal-soft: rgba(69, 162, 152, .16);--surface: #f4f7f9;--card: #ffffff;--text: #1a2430;--muted: #5b6b7c;--border: #d8e1ea;--danger: #c0392b;--shadow: 0 8px 24px rgba(16, 29, 45, .08);--radius: .7rem;--font: "Segoe UI", "Helvetica Neue", sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font);color:var(--text);background:var(--surface)}h1,h2,h3,h4{color:var(--navy);letter-spacing:-.02em}a{color:var(--teal-dark)}.card,form.panel,table.panel,ul.panel{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}button,.btn{background:var(--teal);color:#fff;border:0;border-radius:.45rem;padding:.55rem .85rem;cursor:pointer;font-weight:600}button:hover,.btn:hover{background:var(--teal-dark)}input,select,textarea{border:1px solid var(--border);border-radius:.45rem;padding:.6rem .7rem;font:inherit;color:var(--text);background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid var(--teal-soft);border-color:var(--teal)}