*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#13141c;font-family:Inter,system-ui,sans-serif}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#fff;font-size:14px;font-weight:700}.required{color:#ff4757}.form-input,.form-select,.form-textarea{color:#fff;box-sizing:border-box;background-color:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:14px 15px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b5ada}.form-select{appearance:none;cursor:pointer}.form-select option{color:#fff;background-color:#1a1c29}.form-textarea{resize:vertical}.submit-btn{color:#fff;cursor:pointer;background-color:#3b5ada;border:none;border-radius:8px;margin-top:10px;padding:16px;font-size:16px;font-weight:700;transition:background-color .2s}.submit-btn:hover{background-color:#2b45b5}.upload-section{flex-direction:column;gap:15px;margin-top:10px;margin-bottom:20px;display:flex}.upload-zone{text-align:center;cursor:pointer;background-color:#ffffff03;border:2px dashed #fff3;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;transition:all .2s;display:flex}.upload-zone:hover{background-color:#3b5ada0d;border-color:#3b5ada}.upload-icon{color:#3b5ada;margin-bottom:15px;font-size:32px}.upload-text{color:#3b5ada;margin-bottom:5px;font-size:14px}.upload-hint{color:#666;font-size:12px}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:#12131a;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:550px;padding:30px;box-shadow:0 10px 30px #00000080}.modal-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.modal-header h2{color:#fff;margin:0;font-size:22px}.close-modal-btn{color:#a0a0a0;cursor:pointer;background:0 0;border:none;font-size:30px;line-height:1;transition:color .2s}.close-modal-btn:hover{color:#fff}.modal-form{flex-direction:column;gap:15px;display:flex}.header{z-index:1000;background-color:#12131a;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.logo-container{align-items:center;gap:10px;font-size:24px;font-weight:700;display:flex}.logo-icon{color:#00d2ff}.header-right-side{flex:1;justify-content:space-between;align-items:center;margin-left:50px;display:flex}.main-nav{gap:30px;display:flex}.nav-link{color:#a0a0a0;font-size:16px;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:#fff}.profile-section{align-items:center;gap:20px;display:flex}.profile-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:20px;align-items:center;gap:10px;padding:6px 16px;font-size:14px;transition:background .2s;display:flex}.profile-btn:hover{background:#ffffff1a}.avatar-circle{background-color:#d9d9d9;border-radius:50%;width:24px;height:24px}.unread-dot{background-color:#ff4d4d;border-radius:50%;width:8px;height:8px;position:absolute;top:0;right:-5px;box-shadow:0 0 8px #ff4d4d}.notif-count-badge{color:#fff;background-color:#3b5ada;border-radius:10px;padding:2px 5px;font-size:10px;font-weight:700;position:absolute;top:-5px;right:-8px;box-shadow:0 0 8px #3b5ada}.notif-dropdown{z-index:100;background-color:#12131a;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;width:320px;display:flex;position:absolute;top:45px;right:-50px;overflow:hidden;box-shadow:0 10px 30px #00000080}.notif-dropdown-header{color:#fff;background-color:#0d0e14;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:15px;display:flex}.mark-all-read-btn{color:#3b5ada;cursor:pointer;background:0 0;border:none;font-size:12px}.notif-dropdown-list{max-height:350px;padding:10px;overflow-y:auto}.notif-item{cursor:pointer;border-radius:8px;margin-bottom:5px;padding:12px;transition:all .2s}.notif-item.unread{background-color:#3b5ada1a;border-left:3px solid #3b5ada}.notif-item p{margin:0;font-size:13px;line-height:1.4}.notif-item.unread p{color:#e0e0e0}.notif-item.read p{color:#a0a0a0}.notif-time{color:#666;margin-top:5px;font-size:10px;display:block}.mobile-only-text{display:none}.burger-menu-btn{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:24px;height:24px;padding:0;display:none}.burger-line{transform-origin:1px;background-color:#fff;border-radius:10px;width:24px;height:2px;transition:all .3s linear;position:relative}.burger-menu-btn.open .burger-line:first-child{transform:rotate(45deg)}.burger-menu-btn.open .burger-line:nth-child(2){opacity:0;transform:translate(20px)}.burger-menu-btn.open .burger-line:nth-child(3){transform:rotate(-45deg)}@media (width<=768px){.header{height:auto;padding:15px 20px}.burger-menu-btn{display:flex}.mobile-only-text{margin-left:8px;font-size:16px;font-weight:500;display:inline}.icon-link{justify-content:flex-start;gap:5px;width:100%;padding:12px 0;border-bottom:1px solid #ffffff08!important}.unread-dot{top:15px;left:15px}.notif-count-badge{top:10px;left:15px;right:auto}.notif-wrapper{width:100%}.notif-dropdown{border-radius:0;width:100vw;position:fixed;top:80px;left:0;right:0;box-shadow:0 10px 20px #000c}.header-right-side{background-color:#12131a;border-left:1px solid #ffffff0d;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:30px;width:280px;margin-left:0;padding:80px 30px 40px;transition:transform .3s ease-in-out;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #00000080}.header-right-side.mobile-open{transform:translate(0)}.main-nav{border-bottom:1px solid #ffffff0d;flex-direction:column;gap:20px;width:100%;padding-bottom:25px}.main-nav .nav-link{width:100%;font-size:18px;display:block}.profile-section{flex-direction:column;align-items:flex-start;gap:15px;width:100%}.profile-btn{border:1px solid #ffffff1a;border-radius:10px;flex-direction:row-reverse;justify-content:space-between;width:100%;padding:10px 15px}.profile-btn span{font-size:16px}.logout-btn{text-align:left;width:100%;padding:10px 0;font-size:16px}}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:#13141c;border:1px solid #ffffff1a;border-radius:12px;width:100%;max-width:400px;padding:40px;position:relative}.close-btn{color:#a0a0a0;cursor:pointer;background:0 0;border:none;font-size:24px;transition:color .2s;position:absolute;top:15px;right:15px}.close-btn:hover{color:#fff}.modal-content h2{color:#fff;text-align:center;margin-bottom:25px;font-size:22px}.auth-form{flex-direction:column;gap:15px;display:flex}.auth-switch{color:#a0a0a0;text-align:center;margin-top:25px;font-size:14px}.auth-switch span{color:#3b5ada;cursor:pointer;font-weight:700}.auth-switch span:hover{text-decoration:underline}