:root {
    --primary-dark: #1C5862;
    --primary: #287A72;
    --primary-light: #82C34C;
    --page-bg: #F5F7FB;
    --white: #ffffff;
    --text-dark: #1F2937;
    --text-light: #DCECEC;
    --border: #E5E7EB;
}
@font-face {
    font-family: 'Vazir';
    src: url('../fonts/Vazir-FD.woff2') format('woff2'),
         url('../fonts/Vazir-FD.woff') format('woff'),
         url('../fonts/Vazir-FD.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Vazir,Tahoma,Arial,sans-serif;background:var(--page-bg);color:var(--text-dark)}
body{min-height:100vh;padding:20px}
.panel{background:var(--white);border:1px solid var(--border);border-radius:20px;box-shadow:0 14px 42px rgba(28,88,98,.08)}
.message{margin-bottom:18px;padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.8}
.message.error{color:#9b1c1c;background:#fff0f0;border:1px solid #ffd3d3}