.notification-dropdown-container{display:inline-block;position:relative}.notification-trigger{cursor:pointer;color:#64748b;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:color .2s;display:flex;position:relative}.notification-trigger:hover,.notification-trigger.active{color:#0e7490}.unread-badge{color:#fff;background-color:#ef4444;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;display:flex;position:absolute;top:2px;right:2px}.notification-dropdown-menu{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:320px;margin-top:8px;position:absolute;top:100%;right:-10px;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.notification-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px;display:flex}.notification-header h3{color:#1e293b;margin:0;font-size:16px;font-weight:600}.mark-all-btn{color:#0e7490;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500}.notification-list{max-height:400px;overflow-y:auto}.empty-notifications{text-align:center;color:#94a3b8;padding:32px 16px;font-size:14px}.notification-item{cursor:pointer;border-bottom:1px solid #f1f5f9;gap:12px;padding:16px;transition:background-color .2s;display:flex;position:relative}.notification-item:hover{background-color:#f8fafc}.notification-item.unread{background-color:#f0f9ff}.notification-item.unread:hover{background-color:#e0f2fe}.notification-content{flex:1}.notification-message{color:#334155;margin:0 0 4px;font-size:14px;line-height:1.5}.notification-time{color:#94a3b8;font-size:12px}.mark-read-dot{cursor:pointer;background-color:#0e7490;border:none;border-radius:50%;width:8px;height:8px;margin-top:6px;padding:0}.notification-footer{text-align:center;background-color:#f8fafc;border-top:1px solid #f1f5f9;padding:12px}.notification-footer button{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:500}.notification-footer button:hover{color:#0e7490}.breadcrumbs-container{align-items:center;gap:16px;margin-bottom:24px;padding:8px 0;display:flex}.breadcrumb-back-btn{border:1px solid var(--border-color);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.breadcrumb-back-btn:hover{background:var(--bg-hover);color:var(--color-primary);border-color:var(--color-primary-light);transform:translate(-2px)}.breadcrumb-list{align-items:center;gap:8px;display:flex}.breadcrumb-item{align-items:center;gap:8px;font-size:.88rem;display:flex}.breadcrumb-link{color:var(--color-text-tertiary);font-weight:500;text-decoration:none;transition:color .15s}.breadcrumb-link:hover{color:var(--color-primary)}.breadcrumb-current{color:var(--color-text);font-weight:600}.breadcrumb-separator{color:var(--color-text-tertiary);opacity:.5;font-size:.75rem}.profile-page .breadcrumbs-container{width:100%;max-width:1100px;margin-left:auto;margin-right:auto}.incomplete-profile-banner{color:#fff;background:linear-gradient(135deg,#0e7490 0%,#155e75 100%);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:12px 20px;animation:.4s ease-out slideDown;display:flex;box-shadow:0 4px 15px #0e749033}.banner-content{align-items:center;gap:12px;display:flex}.banner-icon{font-size:20px}.banner-text{flex-direction:column;display:flex}.banner-text strong{font-size:15px}.banner-text span{opacity:.9;font-size:13px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.incomplete-profile-banner{flex-direction:column;align-items:flex-start;gap:12px}}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.sidebar-logo{color:var(--color-text);cursor:pointer;letter-spacing:-.02em;border-bottom:1px solid var(--color-border);align-items:center;gap:10px;margin-bottom:8px;padding:20px 20px 16px;font-size:1.05rem;font-weight:700;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:8px 12px;display:flex}.sidebar-nav-item{border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);align-items:center;gap:10px;padding:9px 12px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.sidebar-nav-item:hover{background:var(--color-surface-2);color:var(--color-text)}.sidebar-nav-item.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.sidebar-footer{border-top:1px solid var(--color-border);flex-direction:column;gap:4px;padding:12px;display:flex}.sidebar-user{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:10px;padding:10px 12px;display:flex}.sidebar-user:hover{background:var(--color-surface-2)}.sidebar-user-info{flex-direction:column;min-width:0;display:flex}.sidebar-user-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.sidebar-user-email{color:var(--color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.sidebar-logout{border-radius:var(--radius-md);color:var(--color-text-secondary);width:100%;transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;font-weight:500;display:flex}.sidebar-logout:hover{background:var(--color-danger-light);color:var(--color-danger)}.app-content{background:var(--color-bg);flex-direction:column;flex:1;display:flex;overflow:hidden}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.header-left{align-items:center;display:flex}.header-right{align-items:center;gap:16px;display:flex}.app-main{flex:1;padding:0;overflow-y:auto}.bottom-nav{z-index:100;background:var(--color-surface);border-top:1px solid var(--color-border);padding:6px 0 env(safe-area-inset-bottom,6px);display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--color-text-tertiary);transition:color var(--transition-fast);flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 4px;font-size:.7rem;font-weight:500;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-item svg{flex-shrink:0}@media (width<=768px){.sidebar{display:none}.bottom-nav{display:flex}.app-main{padding-bottom:70px}}:root{--color-primary:#0e7490;--color-primary-hover:#0b6480;--color-primary-light:#e0f2fe;--color-primary-light-text:#0e7490;--color-bg:#f5f0eb;--color-surface:#fff;--color-surface-2:#f9f6f2;--color-surface-3:#f0ebe4;--color-text:#1a1a1a;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-border:#e5e0da;--color-border-focus:#0e7490;--color-tag-bg:#eae4dd;--color-tag-text:#374151;--color-success:#22c55e;--color-success-light:#dcfce7;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-star:#f59e0b;--color-new-badge:#f59e0b;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 8px 24px #0000001a, 0 4px 8px #0000000f;--sidebar-width:240px;--header-height:60px;--transition-fast:.15s ease;--transition-normal:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.55}#root{height:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}h1{letter-spacing:-.02em;font-size:2.4rem;font-weight:800;line-height:1.15}h2{letter-spacing:-.015em;font-size:1.8rem;font-weight:700;line-height:1.2}h3{font-size:1.25rem;font-weight:600;line-height:1.3}h4{font-size:1rem;font-weight:600}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);font-size:.75rem;font-weight:700}p{color:var(--color-text-secondary)}.btn{border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:10px 20px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;border:1.5px solid var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0e74904d}.btn-outline{color:var(--color-text);border:1.5px solid var(--color-border);background:0 0}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.btn-danger{background:var(--color-danger);color:#fff;border:1.5px solid var(--color-danger)}.btn-danger:hover{background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-danger-outline{color:var(--color-danger);border:1.5px solid var(--color-border);background:0 0}.btn-danger-outline:hover{border-color:var(--color-danger);background:var(--color-danger-light)}.btn-ghost{color:var(--color-text-secondary);background:0 0;border:none;padding:8px 12px}.btn-ghost:hover{background:var(--color-surface-3);color:var(--color-text)}.btn-teal{background:var(--color-primary-light);color:var(--color-primary-light-text);border:1.5px solid #0e74901f}.btn-teal:hover{background:#cfe9fa;border-color:#0e749040}.btn-sm{padding:6px 14px;font-size:.82rem}.btn-lg{padding:13px 28px;font-size:1rem}.btn-full{justify-content:center;width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--color-text);font-size:.85rem;font-weight:500}.form-hint{color:var(--color-text-secondary);font-size:.78rem}.input{border:1.5px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:10px 14px;font-size:.9rem}.input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #0e74901f}.input::placeholder{color:var(--color-text-tertiary)}.input.error{border-color:var(--color-danger)}.alert{border-radius:var(--radius-md);margin-bottom:20px;padding:12px 16px;font-size:.88rem;font-weight:500;line-height:1.4}.alert-danger{background:var(--color-danger-light);color:#b91c1c;border:1.5px solid #ef444433}.alert-success{background:var(--color-success-light);color:#15803d;border:1.5px solid #22c55e33}textarea.input{resize:vertical;min-height:100px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.char-counter{color:var(--color-text-tertiary);text-align:right;font-size:.75rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.tag{background:var(--color-tag-bg);color:var(--color-tag-text);border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-size:.78rem;font-weight:500;display:inline-flex}.tag-teal{background:var(--color-primary-light);color:var(--color-primary-light-text)}.tag-success{background:var(--color-success-light);color:#15803d}.tag.tag-success-filled{font-weight:600;color:#fff!important;background-color:teal!important}.tag-warning{background:var(--color-warning-light);color:#92400e}.tag-danger{background:var(--color-danger-light);color:#b91c1c}.toggle-btn{border:1.5px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:0;display:inline-flex;overflow:hidden}.toggle-btn button{color:var(--color-text-secondary);background:var(--color-surface);border-right:1.5px solid var(--color-border);transition:all var(--transition-fast);padding:8px 16px;font-size:.85rem;font-weight:500}.toggle-btn button:last-child{border-right:none}.toggle-btn button.active{background:var(--color-primary);color:#fff}.language-dropdown{display:inline-block;position:relative}.language-dropdown-trigger{background:var(--color-surface-2);border:1.5px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;padding:6px 12px 6px 10px;font-size:.78rem;font-weight:700;display:flex}.language-dropdown-trigger:hover,.language-dropdown.open .language-dropdown-trigger{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.language-dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:140px;box-shadow:var(--shadow-lg);z-index:1000;visibility:hidden;opacity:0;padding:6px;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:calc(100% + 8px);right:0;transform:translateY(10px)}.language-dropdown.open .language-dropdown-menu{visibility:visible;opacity:1;transform:translateY(0)}.language-dropdown-item{border-radius:var(--radius-md);width:100%;color:var(--color-text-secondary);transition:background var(--transition-fast), color var(--transition-fast);text-align:left;align-items:center;gap:10px;padding:8px 12px;font-size:.82rem;font-weight:500;display:flex}.language-dropdown-item:hover{background:var(--color-surface-2);color:var(--color-text)}.language-dropdown-item.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.language-dropdown-chevron{transition:transform var(--transition-fast)}.language-dropdown.open .language-dropdown-chevron{transform:rotate(180deg)}.avatar{object-fit:cover;background:var(--color-surface-3);border-radius:50%;flex-shrink:0}.divider{background:var(--color-border);height:1px;margin:16px 0}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px 24px;display:flex}.empty-state svg{color:var(--color-text-tertiary)}.empty-state h3{color:var(--color-text)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2.5px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-slide-up{animation:.35s forwards slideUp}.animate-scale-in{animation:.2s forwards scaleIn}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.min-w-0{min-width:0}.text-center{text-align:center}.ml-auto{margin-left:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c4bfba}@media (width<=768px){h1{font-size:1.9rem}h2{font-size:1.5rem}}