*{margin:0;padding:0;box-sizing:border-box}:root{--font-persian: "Vazirmatn", "Segoe UI", Tahoma, sans-serif;--font-english: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--line-height-base: 1.6;--line-height-tight: 1.4;--line-height-loose: 1.8;--color-primary: #2f90c9;--color-secondary: #2babdd;--color-background: #b2dfdb;--color-white: #ffffff;--color-accent: #C9B6E4;--color-progress: #80cbc4;--color-positive: #FFD8A6;--color-secondary-bg: #F0F2F5;--color-text-primary: #2c3e50;--color-text-secondary: #4A4A4A;--color-border: #e0e0e0;--color-error: #c62828;--color-success: #2e7d32}body{font-family:var(--font-persian);background-color:var(--color-background);color:var(--color-text-primary);direction:rtl;margin:0;padding:0;height:100vh;overflow:hidden;font-weight:var(--font-weight-regular);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[lang=en],.english-text,input[type=text],input[type=email],input[type=password],textarea{font-family:var(--font-english)}h1,h2,h3,h4,h5,h6{font-family:var(--font-persian);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--color-text-primary)}button{font-family:var(--font-persian);font-weight:var(--font-weight-medium);line-height:var(--line-height-base)}a{font-family:var(--font-persian);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.profile-page-wrapper{height:100vh;background-color:var(--color-background);padding:45px;display:flex;flex-direction:column;overflow:hidden}.content-box{background-color:var(--color-white);border-radius:16px;height:100%;display:flex;flex-direction:row-reverse;overflow:hidden;box-shadow:0 4px 12px #0000001a;flex:1;padding:30px;gap:20px}.sidebar{position:relative;width:210px;height:100%;background:linear-gradient(180deg,#80cbc4,#2babdd,#2f90c9);border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;box-shadow:0 2px 8px #0000001a;overflow-y:auto;overflow-x:hidden}.sidebar-header{padding:25px 20px;border-bottom:2px solid rgba(255,255,255,.3)}.logo{display:flex;align-items:center;justify-content:center;width:100%}.logo-image{max-width:100%;height:auto;max-height:50px;object-fit:contain;display:block}.sidebar-nav{flex:1;padding:20px 0;display:flex;flex-direction:column}.nav-item{display:flex;align-items:center;gap:12px;padding:15px 20px;color:#fff;text-decoration:none;transition:background-color .3s;font-size:16px;font-family:var(--font-persian);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.nav-item:hover{background-color:#ffffff1a}.nav-item.active{background-color:#fff3;font-weight:var(--font-weight-medium)}.nav-icon{font-size:20px}.sidebar-avatar{padding:20px;display:flex;justify-content:center;align-items:center;border-top:2px solid rgba(255,255,255,.2);position:relative}.avatar-image{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.4);transition:all .3s ease;cursor:pointer;background-color:#ffffff1a}.avatar-image:hover{transform:scale(1.05);border-color:#fff9;box-shadow:0 4px 12px #0003}.avatar-menu{position:absolute;bottom:80px;right:50%;transform:translate(50%) scale(.95);background-color:var(--color-white);border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:160px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;overflow:hidden}.avatar-menu.show{opacity:1;visibility:visible;transform:translate(50%) scale(1)}.avatar-menu:before{content:"";position:absolute;bottom:-8px;right:50%;transform:translate(50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--color-white)}.menu-item{width:100%;padding:7px 14px;background:none;border:none;color:var(--color-text-primary);font-size:14px;font-family:var(--font-persian);font-weight:var(--font-weight-regular);line-height:1.5;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;text-align:right}.menu-item:hover{background-color:var(--color-accent);color:var(--color-text-primary)}.menu-item.logout-btn{background-color:var(--color-secondary);color:var(--color-white);border-radius:3px;margin:2px;width:calc(100% - 4px);padding:6px 12px;font-size:15px;font-weight:var(--font-weight-medium);font-family:var(--font-persian);line-height:1.5;box-shadow:0 2px 4px #2babdd33;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center}.menu-item.logout-btn:hover{background-color:var(--color-primary);color:var(--color-white);box-shadow:0 4px 4px #2f90c94d;transform:translateY(-1px)}.menu-item.logout-btn:active{transform:translateY(0);box-shadow:0 2px 4px #2f90c933}.menu-item.logout-btn .menu-icon{font-size:15px;display:flex;align-items:center;justify-content:center;margin:0;padding:0}.menu-item:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.menu-item:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.menu-icon{font-size:16px;display:flex;align-items:center}.main-content{flex:1;height:100%;background-color:var(--color-white);border-top-left-radius:16px;border-bottom-left-radius:16px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.profile-content{padding:30px 40px;max-width:1200px;margin:0 auto;width:100%}.profile-content:has(.survey-content){padding:20px 25px}.profile-card{background-color:var(--color-white);border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.profile-header-section{display:flex;align-items:flex-start;gap:30px;padding-bottom:30px;border-bottom:2px solid var(--color-border);margin-bottom:30px}.profile-photo-section{flex-shrink:0}.profile-photo-container{position:relative;width:150px;height:150px;border-radius:50%;overflow:hidden;border:4px solid var(--color-secondary);background-color:var(--color-secondary-bg)}.profile-photo{width:100%;height:100%;object-fit:cover}.profile-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary) 100%)}.photo-icon{font-size:60px;color:#fff}.photo-actions{position:absolute;bottom:0;left:0;right:0;background-color:#00000080;display:flex;justify-content:center;padding:8px}.btn-icon{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:5px 10px;border-radius:4px;transition:background-color .3s}.btn-icon:hover{background-color:#fff3}.photo-upload-hint{margin-top:10px;text-align:center;color:var(--color-text-secondary);font-size:12px;font-family:var(--font-persian);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.profile-header-info{flex:1}.profile-name{font-size:32px;font-weight:var(--font-weight-medium);font-family:var(--font-persian);line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:15px}.profile-role-team{display:flex;gap:10px;flex-wrap:wrap}.role-badge,.team-badge{padding:8px 16px;background-color:var(--color-positive);color:var(--color-text-primary);border-radius:20px;font-size:14px;font-weight:var(--font-weight-medium);font-family:var(--font-persian);line-height:var(--line-height-base)}.team-badge{background-color:var(--color-secondary);color:var(--color-white)}.info-section{margin-bottom:40px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title{font-size:24px;font-weight:var(--font-weight-medium);font-family:var(--font-persian);line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-item{padding:15px;background-color:var(--color-secondary-bg);border-radius:8px;border-right:3px solid var(--color-secondary)}.info-label{display:block;font-size:12px;font-family:var(--font-persian);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);color:var(--color-text-secondary);margin-bottom:5px}.info-value{font-size:16px;font-family:var(--font-persian);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--color-text-primary)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.form-item{display:flex;flex-direction:column}.form-item.full-width{grid-column:1 / -1}.form-label{font-size:14px;font-weight:var(--font-weight-medium);font-family:var(--font-persian);line-height:var(--line-height-base);color:var(--color-text-primary);margin-bottom:8px}.form-input,.form-textarea{padding:12px;border:2px solid var(--color-border);border-radius:8px;font-size:14px;font-family:var(--font-persian);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);transition:border-color .3s;background-color:var(--color-white);color:var(--color-text-primary)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-secondary)}.form-input[readonly],.form-textarea[readonly]{background-color:var(--color-secondary-bg);cursor:not-allowed}.form-textarea{resize:vertical;min-height:100px}.btn-edit,.btn-save,.btn-cancel{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-family:var(--font-persian);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);cursor:pointer;transition:all .3s}.btn-edit{background-color:var(--color-secondary);color:var(--color-white)}.btn-edit:hover{background-color:var(--color-primary)}.btn-save{background-color:var(--color-secondary);color:var(--color-white)}.btn-save:hover{background-color:var(--color-primary)}.btn-save:disabled{background-color:var(--color-border);cursor:not-allowed;opacity:.6}.btn-cancel{background-color:var(--color-text-secondary);color:var(--color-white)}.btn-cancel:hover{background-color:var(--color-text-primary)}.edit-actions{display:flex;gap:10px}.alert{padding:15px 20px;border-radius:8px;margin-bottom:20px;font-size:14px;font-family:var(--font-persian);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.alert-error{background-color:#ffebee;color:var(--color-error);border-right:4px solid var(--color-error)}.alert-success{background-color:var(--color-positive);color:var(--color-text-primary);border-right:4px solid var(--color-success)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.loading p{font-family:var(--font-persian);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);margin-top:15px;color:var(--color-text-secondary)}.spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-secondary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-text{color:var(--color-error);font-size:12px;font-family:var(--font-persian);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);margin-top:5px}.survey-content{width:100%;padding:25px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;background:linear-gradient(135deg,#b2dfdb,#baece8);border-radius:12px;margin:10px 0}.survey-header{text-align:center;margin-bottom:25px;padding:20px 15px;background-color:var(--color-white);border-radius:16px;box-shadow:0 4px 16px #00000014;max-width:1000px;width:100%}.survey-title{font-size:24px;font-weight:var(--font-weight-medium);font-family:var(--font-persian);line-height:var(--line-height-tight);color:#2f90c9;margin-bottom:12px;position:relative;padding-bottom:10px}.survey-title:after{content:"";position:absolute;bottom:0;right:50%;transform:translate(50%);width:50px;height:2px;background:linear-gradient(90deg,#80cbc4,#c9b6e4);border-radius:2px}.survey-subtitle{font-size:14px;font-weight:var(--font-weight-regular);font-family:var(--font-persian);line-height:1.8;color:#2babdd;text-align:right;max-width:900px;margin:0 auto;padding:0 15px}.survey-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;width:100%;max-width:850px;margin-top:10px}.survey-option-card{background-color:var(--color-white);border:2px solid var(--color-border);border-radius:16px;padding:25px 20px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;overflow:hidden}.survey-option-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#80cbc4,#c9b6e4);opacity:0;transition:opacity .3s ease}.survey-option-card:hover:before{opacity:1}.survey-option-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #2babdd33;border-color:var(--color-secondary);background-color:var(--color-white)}.survey-option-card:active{transform:translateY(-2px);box-shadow:0 3px 12px #2babdd26;background-color:var(--color-white)}.option-icon{font-size:40px;line-height:1;margin-bottom:8px;padding:10px;background:linear-gradient(135deg,#80cbc41a,#c9b6e41a);border-radius:12px;transition:all .3s ease}.survey-option-card:hover .option-icon{background:linear-gradient(135deg,#80cbc433,#c9b6e433);transform:scale(1.05)}.option-title{font-size:18px;font-weight:var(--font-weight-medium);font-family:var(--font-persian);line-height:var(--line-height-tight);color:#2f90c9;margin:0;transition:color .3s ease}.survey-option-card:hover .option-title{color:#2babdd}.option-description{font-size:13px;font-weight:var(--font-weight-regular);font-family:var(--font-persian);line-height:var(--line-height-base);color:var(--color-text-secondary);margin:0}.mobile-menu-toggle{position:fixed;top:20px;right:20px;z-index:1001;background-color:var(--color-white);border:none;border-radius:8px;padding:12px;font-size:24px;font-family:var(--font-persian);font-weight:var(--font-weight-medium);cursor:pointer;box-shadow:0 2px 8px #00000026;display:none;transition:all .3s ease;color:var(--color-text-primary)}.mobile-menu-toggle:hover{background-color:var(--color-accent);transform:scale(1.05)}.sidebar-backdrop{display:none;position:fixed;inset:0;background-color:#00000080;z-index:999;opacity:0;transition:opacity .3s ease}.sidebar-backdrop.backdrop-visible{opacity:1}@media (max-width: 768px){:root{--line-height-base: 1.65}.profile-name{font-size:28px}.section-title{font-size:20px}.logo-image{max-height:40px}.nav-item{font-size:15px}}@media (max-width: 768px){body{overflow:auto}.profile-page-wrapper{padding:10px;height:auto;min-height:100vh}.mobile-menu-toggle{display:block}.content-box{flex-direction:row-reverse;height:calc(100vh - 20px);min-height:calc(100vh - 20px);padding:10px;gap:10px}.sidebar-backdrop{display:block}.sidebar{position:fixed;right:0;top:0;height:100vh;z-index:1000;transform:translate(0);transition:transform .3s ease;border-radius:0;box-shadow:-2px 0 12px #0003}.sidebar-closed{transform:translate(100%)}.sidebar-open{transform:translate(0)}.main-content{width:100%;border-radius:10px}.sidebar-nav{flex-direction:column;padding:10px 0}.nav-item{white-space:normal;min-width:auto}.sidebar-avatar{padding:15px}.avatar-image{width:48px;height:48px}.avatar-menu{bottom:70px;min-width:140px}.menu-item{padding:10px 14px;font-size:14px}.menu-item.logout-btn{margin:2px;width:calc(100% - 4px);padding:7px 12px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center}.profile-header-section{flex-direction:column;align-items:center;text-align:center}.profile-content{padding:20px}.form-grid{grid-template-columns:1fr}.survey-content{padding:20px 15px;margin:10px 0}.survey-header{padding:15px 12px;margin-bottom:20px}.survey-title{font-size:20px;margin-bottom:10px;padding-bottom:8px}.survey-subtitle{font-size:13px;line-height:1.7;padding:0 10px}.survey-options{grid-template-columns:1fr;gap:15px;margin-top:8px}.survey-option-card{padding:20px 15px;border-radius:14px;gap:10px}.option-icon{font-size:36px;padding:8px;border-radius:10px;margin-bottom:6px}.option-title{font-size:16px}.option-description{font-size:12px}}