:root{--night:#04031b;--night-blue:#08123e;--indigo:#201539;--plum:#442942;--wine:#783a58;--rose-grey:#967072;--gold:#dc9e78;--gold-deep:#d07e5b;--blush:#eac2b3;--cream:#fdebda;--off-white:#f1e6e1;--bg:var(--night);--fg:var(--cream);--fg-dim:var(--off-white);--accent:var(--gold)}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 50% 0%, var(--indigo) 0%, var(--night) 70%);color:var(--fg);min-height:100vh;margin:0;font-family:system-ui,-apple-system,Noto Sans Thai,sans-serif}.accent{color:var(--accent)}label{color:var(--off-white);margin:.9rem 0 .3rem;font-size:.9rem;display:block}input,textarea{box-sizing:border-box;background:var(--indigo);border:1px solid var(--plum);width:100%;min-height:2.75rem;color:var(--cream);font:inherit;border-radius:8px;padding:.6rem .85rem;font-size:1rem;display:block}textarea{resize:vertical;min-height:7rem}input::placeholder,textarea::placeholder{color:var(--rose-grey)}input:focus,textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #dc9e7859}button{border:1px solid var(--gold);min-height:2.75rem;color:var(--cream);font:inherit;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:.6rem 1.4rem;font-size:1rem;font-weight:600;transition:background-color .15s,opacity .15s,border-color .15s;display:inline-flex}button:hover:not(:disabled){background:#dc9e7824}button:disabled{opacity:.55;cursor:not-allowed}button[type=submit]{background:var(--gold);border-color:var(--gold);color:var(--night)}button[type=submit]:hover:not(:disabled){background:var(--gold-deep);border-color:var(--gold-deep)}.btn-approve{background:var(--gold);border-color:var(--gold);color:var(--night);font-weight:700}.btn-approve:hover:not(:disabled){background:var(--gold-deep);border-color:var(--gold-deep)}.btn-reject{border-color:var(--wine);color:var(--rose-grey);background:0 0;font-weight:500}.btn-reject:hover:not(:disabled){color:var(--off-white);background:#783a584d}