@font-face{font-family:IRANSansLocal;src:url('fonts/IRANSans.woff2') format('woff2'),url('fonts/IRANSans.woff') format('woff'),url('fonts/IRANSans.ttf') format('truetype');font-display:swap}
:root{--sand:#DFD0B1;--brown:#AF906A;--turq:#3BEAEF;--sea:#3D7282;--nav:#073D4D;--bg:#F5F8F9;--text:#173746}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:IRANSansLocal,IRANSans,Tahoma,sans-serif;direction:rtl;line-height:1.9}
a{color:inherit}.sidebar{position:fixed;right:0;top:0;bottom:0;width:260px;padding:24px 16px;background:linear-gradient(180deg,var(--nav),#062f3c);color:white;overflow:auto}
.sidebar a{display:block;padding:11px 14px;margin:6px 0;border-radius:10px;text-decoration:none;color:white}.sidebar a:hover,.sidebar a.active{background:var(--turq);color:var(--nav)}
.container{margin-right:260px;padding:34px;min-height:100vh}.topbar{margin-right:260px;padding:14px 30px;background:#F7F0E2;border-bottom:1px solid var(--sand)}
.card,.login-card{background:white;border:1px solid #e3eaed;border-radius:15px;padding:24px;margin:18px auto;box-shadow:0 6px 20px #073d4d0d}
.login-card{max-width:520px;margin:7vh auto}.btn,button{background:var(--sea);color:white;border:0;border-radius:9px;padding:10px 20px;font:inherit;cursor:pointer}
input{display:block;width:100%;padding:10px;border:1px solid #d5e0e4;border-radius:8px;margin:5px 0 14px;font:inherit}
label{display:block}@media(max-width:700px){.sidebar{position:relative;width:100%}.container,.topbar{margin:0;padding:18px}}