.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background-attachment:fixed;padding:32px;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(24,144,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(82,196,26,.1) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(114,46,209,.1) 0%,transparent 50%);pointer-events:none}.login-card{width:100%;max-width:440px;background:linear-gradient(135deg,#ffffffb3,#ffffff80)!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.4)!important;border-radius:20px!important;box-shadow:0 8px 32px #1890ff26;position:relative;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-card:hover{box-shadow:0 12px 48px #1890ff40;transform:translateY(-2px)}.login-title{text-align:center;font-size:32px;font-weight:700;background:linear-gradient(135deg,#1890ff,#096dd9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:12px}.login-title-icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#1890ff,#096dd9);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #1890ff4d}.login-button{border-radius:12px;height:48px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#1890ff,#096dd9);border:none;box-shadow:0 4px 12px #1890ff4d;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1890ff66;background:linear-gradient(135deg,#40a9ff,#1890ff)}.login-test-accounts{margin-top:20px;text-align:center;color:#333;font-size:13px;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px}.test-accounts-title{font-weight:600;margin-bottom:12px;font-size:14px;color:#333}.test-account-item{margin-bottom:12px}.test-account-item:last-child{margin-bottom:0}.test-account-role{font-weight:500;margin-bottom:4px;color:#333}.test-account-item p{color:#666;margin:2px 0}.login-card .ant-form-item-label>label{color:#333!important;font-weight:600;font-size:14px}.login-card .ant-card-head-title{padding:24px 0 16px}.login-card .ant-card-body{padding:24px}.login-card .ant-input,.login-card .ant-input-password{background:#fffc!important;color:#333!important;border:1px solid rgba(24,144,255,.2)!important;border-radius:12px!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-card .ant-input:hover,.login-card .ant-input-password:hover{border-color:#1890ff66!important;box-shadow:0 0 0 2px #1890ff1a}.login-card .ant-input:focus,.login-card .ant-input-password:focus,.login-card .ant-input-focused,.login-card .ant-input-password-focused{border-color:#1890ff!important;box-shadow:0 0 0 2px #1890ff33!important}.login-card .ant-input::placeholder,.login-card .ant-input-password::placeholder{color:#999!important}.mobile-login-container{min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.mobile-login-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.bg-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;animation:blobMove 25s ease-in-out infinite}.bg-blob-1{width:350px;height:350px;background:#c3cfe266;top:-120px;left:-120px;animation-delay:0s}.bg-blob-2{width:450px;height:450px;background:#f5f7fa80;bottom:-180px;right:-180px;animation-delay:8s}.bg-blob-3{width:380px;height:380px;background:#c3cfe259;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:16s}@keyframes blobMove{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-40px) scale(1.15)}66%{transform:translate(-30px,30px) scale(.85)}}.mobile-login-content{position:relative;z-index:1;width:100%;max-width:420px;display:flex;flex-direction:column;gap:28px}.mobile-login-header{text-align:center;color:#1a1a1a;margin-bottom:12px}.mobile-login-logo{margin-bottom:20px}.logo-icon{font-size:72px;display:inline-block;animation:pulse 2.5s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}@keyframes pulse{0%,to{transform:scale(1);filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}50%{transform:scale(1.08);filter:drop-shadow(0 6px 16px rgba(0,0,0,.3))}}.mobile-login-title{font-size:36px;font-weight:700;margin:0 0 10px;color:#1a1a1a;letter-spacing:-.8px}.mobile-login-subtitle{font-size:17px;font-weight:400;margin:0;color:#666;letter-spacing:.2px}.mobile-login-card{background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.4);border-radius:28px;padding:36px 28px;box-shadow:0 8px 32px #1f268726;position:relative;overflow:hidden}.mobile-login-tabs,.mobile-login-tabs .ant-tabs-nav{margin-bottom:28px}.mobile-login-tabs .ant-tabs-tab{color:#8e8e93;font-size:17px;font-weight:500;padding:10px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-login-tabs .ant-tabs-tab:hover{color:#1a1a1a}.mobile-login-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:#007aff;font-weight:600}.mobile-login-tabs .ant-tabs-ink-bar{background:#007aff;height:3.5px;border-radius:2px}.mobile-login-tabs .ant-tabs-nav:before{border-bottom:1px solid rgba(0,0,0,.1)}.mobile-login-form{margin-top:12px}.mobile-input{height:56px;border-radius:18px;border:1px solid rgba(0,0,0,.1);background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#1a1a1a;font-size:17px;font-weight:400;padding-left:48px;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-input::placeholder{color:#8e8e93;font-weight:400}.mobile-input:hover{border-color:#00000026;background:#ffffffe6}.mobile-input:focus,.mobile-input.ant-input-focused{border-color:#007aff;background:#fffffff2;box-shadow:0 0 0 3px #007aff1a;outline:none}.mobile-input .anticon{color:#007aff;font-size:18px;transition:color .3s ease}.mobile-input:hover .anticon{color:#0051d5}.mobile-input:focus .anticon,.mobile-input.ant-input-focused .anticon{color:#0051d5}.mobile-input.ant-input-password .ant-input-password-icon{color:#007aff;transition:color .3s ease}.mobile-input.ant-input-password:hover .ant-input-password-icon{color:#0051d5}.mobile-input.ant-input-password:focus .ant-input-password-icon,.mobile-input.ant-input-password.ant-input-focused .ant-input-password-icon{color:#0051d5}.mobile-login-form .ant-form-item-label>label{color:#1a1a1a;font-weight:600;font-size:15px;margin-bottom:8px}.mobile-login-form .ant-form-item{margin-bottom:22px}.mobile-login-form .ant-form-item:last-child{margin-bottom:0}.mobile-login-button{height:56px;border-radius:18px;font-size:18px;font-weight:600;background:#007affe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border:none;box-shadow:0 4px 12px #007aff4d;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:12px;letter-spacing:.3px}.mobile-login-button:hover{background:#007aff;transform:translateY(-2px);box-shadow:0 6px 16px #007aff66}.mobile-login-button:active{transform:scale(.97);box-shadow:0 2px 8px #007aff33}.mobile-login-button.ant-btn-loading{background:#007affb3;opacity:.9}.mobile-login-footer{text-align:center;color:#666;font-size:14px;margin-top:20px;font-weight:400}.mobile-login-footer p{margin:0;letter-spacing:.2px}.mobile-login-form .ant-form-item-explain-error{color:#ff4d4f;font-size:13px;margin-top:6px;background:#ff4d4f1a;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,77,79,.2);font-weight:500}.mobile-login-form .ant-form-item-explain-success{color:#e8f5e9;font-size:13px;margin-top:6px;text-shadow:0 1px 2px rgba(0,0,0,.2)}@media (max-width: 375px){.mobile-login-content{padding:0 16px;gap:24px}.mobile-login-card{padding:28px 22px;border-radius:28px}.mobile-login-title{font-size:32px}.mobile-login-subtitle{font-size:16px}.logo-icon{font-size:64px}.mobile-input,.mobile-login-button{height:52px;font-size:16px}.mobile-login-tabs .ant-tabs-tab{font-size:16px;padding:8px 24px}}@media (prefers-color-scheme: dark){.mobile-login-container{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.mobile-login-card{background:#ffffff1a;border-color:#fff3}.mobile-login-title{color:#fff}.mobile-login-subtitle{color:#ccc}.mobile-input{background:#ffffff1a;border-color:#fff3;color:#fff}.mobile-input::placeholder{color:#8e8e93}}@supports (padding: max(0px)){.mobile-login-container{padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}@media (prefers-contrast: high){.mobile-input{border-width:2px;background:#ffffff4d}.mobile-login-title{-webkit-text-fill-color:white;color:#fff}.mobile-login-button{background:#fff;color:#4f46e5}}@media (prefers-reduced-motion: reduce){.bg-blob,.logo-icon,.mobile-login-container{animation:none}.mobile-login-button:hover{transform:none}}.not-found-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background-attachment:fixed;padding:32px;position:relative;overflow:hidden}.not-found-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(24,144,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(82,196,26,.1) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(114,46,209,.1) 0%,transparent 50%);pointer-events:none}.not-found-content{background:linear-gradient(135deg,#ffffffb3,#ffffff80);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.4);border-radius:20px;padding:64px 48px;box-shadow:0 8px 32px #1890ff26;position:relative;z-index:1;text-align:center;max-width:600px;width:100%}.not-found-icon{font-size:120px;color:#1890ff;margin-bottom:24px;opacity:.8}.not-found-title{font-size:72px;font-weight:700;background:linear-gradient(135deg,#1890ff,#096dd9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;line-height:1}.not-found-description{font-size:18px;color:#666;margin-bottom:48px;font-weight:500}.not-found-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.not-found-button{height:48px;font-size:16px;font-weight:600;border-radius:12px;padding:0 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.not-found-button.ant-btn-default{background:#fffc;border:1px solid rgba(24,144,255,.3);color:#1890ff}.not-found-button.ant-btn-default:hover{background:#1890ff1a;border-color:#1890ff;transform:translateY(-2px);box-shadow:0 4px 12px #1890ff33}.not-found-button.ant-btn-primary{background:linear-gradient(135deg,#1890ff,#096dd9);border:none;box-shadow:0 4px 12px #1890ff4d}.not-found-button.ant-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1890ff66;background:linear-gradient(135deg,#40a9ff,#1890ff)}@media (max-width: 768px){.not-found-content{padding:48px 32px}.not-found-icon{font-size:80px}.not-found-title{font-size:48px}.not-found-description{font-size:16px}.not-found-actions{flex-direction:column}.not-found-button{width:100%}}.mobile-layout{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);overflow:hidden}.mobile-content{flex:1;overflow-y:auto;padding-bottom:80px;-webkit-overflow-scrolling:touch}.mobile-bottom-bar{position:fixed;bottom:0;left:0;right:0;height:80px;background:#fffc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -2px 20px #0000001a;z-index:1000}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;color:#8e8e93}.mobile-tab:active{transform:scale(.95)}.mobile-tab.active{color:#007aff}.mobile-tab-icon{font-size:24px;margin-bottom:4px;transition:transform .2s ease}.mobile-tab.active .mobile-tab-icon{transform:scale(1.1)}.mobile-tab-label{font-size:11px;font-weight:500;letter-spacing:.5px}.mobile-card{background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.4);border-radius:20px;padding:20px;margin:16px;box-shadow:0 8px 32px #1f268726;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-card:active{transform:scale(.98);box-shadow:0 4px 16px #1f26871a}.mobile-button{background:#007affe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border:none;border-radius:12px;padding:14px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #007aff4d}.mobile-button:active{transform:scale(.97);box-shadow:0 2px 8px #007aff33}.mobile-button.secondary{background:#8e8e9333;color:#000;box-shadow:none}.mobile-input{background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:14px 16px;font-size:16px;width:100%;transition:all .2s ease}.mobile-input:focus{background:#fffffff2;border-color:#007aff;outline:none;box-shadow:0 0 0 3px #007aff1a}.mobile-list-item{background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.05);padding:16px 20px;display:flex;align-items:center;transition:background .2s ease}.mobile-list-item:active{background:#0000000d}.mobile-list-item:last-child{border-bottom:none}@supports (padding: max(0px)){.mobile-bottom-bar{padding-bottom:max(env(safe-area-inset-bottom),0px)}}.family-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background-attachment:fixed}.family-page.desktop{padding:0}.family-page.mobile{padding:16px 16px 80px}.content-header{display:flex;gap:12px;margin-bottom:24px}.add-btn{border-radius:12px!important;height:44px!important;padding:0 24px!important;font-weight:600!important}.elders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.elder-card{background:#ffffffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.4);border-radius:20px;padding:24px;box-shadow:0 8px 32px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.elder-uuid{font-size:12px;color:#8c8c8c;font-family:SF Mono,Monaco,monospace;word-break:break-all}.elder-age{font-size:13px;color:#666;margin-top:4px}.webhooks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.webhook-card{background:#ffffffd9;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:20px;box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.webhook-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001f}.webhook-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.webhook-info{display:flex;align-items:center;gap:10px}.webhook-name{font-size:16px;font-weight:600;color:#1a1a2e}.webhook-url{font-size:12px;color:#8c8c8c;word-break:break-all;padding:8px 12px;background:#00000008;border-radius:8px;margin-bottom:16px;font-family:SF Mono,Monaco,monospace}.webhook-actions{display:flex;gap:8px}.settings-section{background:#ffffffd9;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.4);border-radius:20px;padding:24px;box-shadow:0 8px 32px #0000001a}.form-actions{display:flex;gap:12px}.form-actions .test-btn{flex:1;border-radius:12px!important;height:44px!important}.form-actions .submit-btn{flex:1;height:44px!important}.test-result{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:10px;margin-top:16px;font-weight:500}.test-result.success{background:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.test-result.error{background:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f}.ai-prediction-modal .ant-modal-content{border-radius:20px}.predictions-list{max-height:60vh;overflow-y:auto}.prediction-card{background:#fafafa;border-radius:16px;padding:20px;margin-bottom:16px;border:1px solid rgba(0,0,0,.06)}.prediction-card:last-child{margin-bottom:0}.prediction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.prediction-time{font-size:13px;color:#8c8c8c}.prediction-section{margin-bottom:16px}.prediction-section:last-child{margin-bottom:0}.prediction-section h4{font-size:14px;font-weight:600;color:#1a1a2e;margin-bottom:8px;padding-left:10px;border-left:3px solid #1890ff}.prediction-content{font-size:14px;line-height:1.8;color:#333;white-space:pre-wrap}.prediction-section ul{margin:0;padding-left:20px}.prediction-section li{font-size:14px;line-height:1.8;color:#333;margin-bottom:4px}.probability{color:#8c8c8c;margin-left:8px;font-size:13px}@media (max-width: 768px){.family-page.mobile{padding:12px 12px 90px}.elders-grid,.webhooks-grid,.settings-content{grid-template-columns:1fr;gap:10px}.elder-card,.webhook-card,.settings-section{padding:12px;border-radius:12px}.elder-card-header{flex-wrap:wrap;gap:12px;margin-bottom:12px}.elder-avatar{width:44px!important;height:44px!important;font-size:18px!important}.elder-name-row{gap:8px}.elder-name{font-size:16px;margin-bottom:0}.risk-tag{font-size:12px!important;padding:2px 8px!important}.elder-uuid{font-size:11px;margin-bottom:2px}.elder-age{font-size:12px}.elder-score-section{padding:12px;margin-bottom:12px}.score-label{font-size:12px;margin-bottom:6px}.elder-status{width:100%;margin-top:12px}.elder-actions{flex-direction:column}.content-header{flex-direction:row;align-items:center;justify-content:space-between}.content-header .add-btn{flex:1;margin-right:12px}.form-actions{flex-direction:row;gap:12px}.form-actions .test-btn,.form-actions .submit-btn{flex:1;height:44px!important;font-size:16px!important}.custom-modal .ant-modal{margin:0;max-width:100%;top:0;padding:0}.custom-modal .ant-modal-content{border-radius:0 0 20px 20px}}.elder-card,.webhook-card,.settings-section{animation:fadeInUp .4s ease-out}.collector-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background-attachment:fixed}.collector-page.desktop{padding:0}.collector-page.mobile{padding:16px 16px 80px}.page-header{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;background:linear-gradient(135deg,#ffffffb3,#ffffff80);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.4);box-shadow:0 2px 8px #0000000d}.page-title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:#1890ff}.title-icon{font-size:28px;color:#1890ff}.header-actions{display:flex;align-items:center;gap:16px}.welcome-text{color:#333;font-weight:500}.page-content{display:flex;min-height:calc(100vh - 80px)}.sidebar{width:240px;padding:24px 16px;background:linear-gradient(135deg,#ffffffb3,#ffffff80);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right:1px solid rgba(255,255,255,.4);box-shadow:2px 0 8px #0000000d}.sidebar-item{display:flex;align-items:center;gap:12px;padding:14px 18px;margin-bottom:8px;border-radius:12px;cursor:pointer;color:#333;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-item:hover{background:#1890ff0d;color:#1890ff}.sidebar-item.active{background:linear-gradient(135deg,#1890ff26,#1890ff1a);color:#1890ff;border:1px solid rgba(24,144,255,.3);box-shadow:0 4px 16px #1890ff1a}.sidebar-item .badge{margin-left:auto;background:#1890ff26;color:#1890ff;padding:2px 8px;border-radius:10px;font-size:12px}.main-content{flex:1;padding:24px 32px;overflow-y:auto}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#1890ff}.count-badge{background:#1890ff26;color:#1890ff;padding:2px 10px;border-radius:12px;font-size:14px}.search-content{max-width:100%}.search-box{background:#ffffffd9;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 8px 32px #0000001a}.search-input-group{display:flex;align-items:stretch;max-width:600px;height:48px;border-radius:12px;overflow:hidden;background:#fff}.search-input-group .search-input{flex:1;height:48px!important;border:none!important;border-radius:12px 0 0 12px!important;font-size:15px;box-shadow:none!important}.search-input-group .search-input:hover,.search-input-group .search-input:focus{border:none!important;box-shadow:none!important}.search-input-group .search-input .ant-input{height:48px!important;border:none!important;font-size:15px}.search-input-group .search-input.ant-input-affix-wrapper{padding:0 16px;display:flex;align-items:center}.search-input-group .search-btn{height:48px!important;border-radius:0 12px 12px 0!important;padding:0 24px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px;border:none!important;font-size:15px;font-weight:500}.search-tips{font-size:13px;color:#8c8c8c;margin-top:12px}.elders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.elder-card{background:#ffffffe6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.4);border-radius:20px;padding:24px;box-shadow:0 8px 32px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.elder-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000026}.elder-card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.elder-avatar{flex-shrink:0;font-size:22px!important;font-weight:700;box-shadow:0 4px 12px #00000026}.elder-info{flex:1;min-width:0}.elder-name-row{display:flex;align-items:center;gap:12px;margin-bottom:4px;flex-wrap:wrap}.elder-name{font-size:20px;font-weight:700;color:#1a1a2e;flex-shrink:0}.elder-uuid{font-size:12px;color:#8c8c8c;font-family:SF Mono,Monaco,monospace;word-break:break-all;margin-bottom:4px}.elder-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:#666}.elder-meta span{background:#0000000a;padding:2px 8px;border-radius:4px}.elder-meta .id-card{font-family:SF Mono,Monaco,monospace;font-size:12px}.risk-tag{border-radius:8px!important;padding:4px 12px!important;font-weight:600!important;flex-shrink:0;margin:0!important}.elder-score-section{background:#00000005;border-radius:12px;padding:16px;margin-bottom:16px}.score-label{font-size:13px;color:#666;margin-bottom:8px}.elder-actions{display:flex;gap:12px}.action-btn{flex:1;border-radius:10px!important;height:40px!important;font-weight:500!important}.action-btn.primary{background:linear-gradient(135deg,#1890ff,#096dd9)!important;border:none!important}.action-btn.primary:hover{background:linear-gradient(135deg,#096dd9,#0050b3)!important}.settings-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.settings-section{background:#ffffffe6;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.4);border-radius:20px;padding:24px;box-shadow:0 8px 32px #0000001a}.settings-section-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#1a1a2e;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.06)}.info-item{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:13px;color:#8c8c8c}.info-value{font-size:15px;font-weight:500;color:#1a1a2e}.settings-btn{border-radius:12px!important;height:44px!important;font-weight:500!important;margin-top:12px}.settings-btn.danger{margin-top:8px}.custom-modal .ant-modal-content{border-radius:20px;overflow:hidden}.custom-modal .ant-modal-header{border-bottom:1px solid rgba(0,0,0,.06);padding:20px 24px}.custom-modal .ant-modal-title{font-weight:600;font-size:18px}.custom-modal .ant-modal-body{padding:24px}.modal-title-with-icon{display:flex;align-items:center;gap:10px}.modal-title-with-icon .anticon{color:#1890ff;font-size:20px}.current-risk-info{display:flex;align-items:center;gap:8px;padding:16px;background:#f5f5f5;border-radius:12px;margin-bottom:20px;font-size:14px;color:#666}.submit-btn{border-radius:12px!important;height:48px!important;font-weight:600!important;font-size:15px!important}.loading-container{padding:20px 0}@media (max-width: 768px){.collector-page.mobile{padding:12px 12px 90px}.elders-grid,.settings-content{grid-template-columns:1fr;gap:10px}.elder-card,.settings-section{padding:12px;border-radius:12px}.elder-card-header{flex-wrap:wrap;gap:12px;margin-bottom:12px}.elder-avatar{width:44px!important;height:44px!important;font-size:18px!important}.elder-name-row{gap:8px}.elder-name{font-size:16px;margin-bottom:0}.risk-tag{font-size:12px!important;padding:2px 8px!important}.elder-uuid{font-size:11px;margin-bottom:2px}.elder-meta{font-size:12px;gap:8px}.elder-score-section{padding:12px;margin-bottom:12px}.score-label{font-size:12px;margin-bottom:6px}.elder-status{width:100%;margin-top:12px}.elder-actions{flex-direction:column;gap:12px}.elder-actions .action-btn{height:44px!important;min-height:44px!important;font-size:16px!important;line-height:44px!important}.content-header{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.search-box{padding:16px;border-radius:12px}.search-input-group{max-width:100%;height:44px}.search-input-group .search-input,.search-input-group .search-input .ant-input{height:44px!important}.search-input-group .search-btn{height:44px!important;padding:0 16px!important}.custom-modal .ant-modal{margin:0;max-width:100%;top:0;padding:0}.custom-modal .ant-modal-content{border-radius:0 0 20px 20px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.elder-card,.settings-section{animation:fadeInUp .4s ease-out}.elder-card:nth-child(2){animation-delay:.05s}.elder-card:nth-child(3){animation-delay:.1s}.elder-card:nth-child(4){animation-delay:.15s}.elder-card:nth-child(5){animation-delay:.2s}.assigned-content .content-header{background:linear-gradient(135deg,#fffc,#fff9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px 20px;border:1px solid rgba(255,255,255,.4)}.elder-detail-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.elder-detail-page.mobile{padding:12px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:60vh}.detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:20px;background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:20px;box-shadow:0 8px 32px #1f268726}.elder-detail-page.mobile .detail-header{padding:16px;flex-direction:column;align-items:flex-start}.back-button{border-radius:12px;height:40px;display:flex;align-items:center;gap:8px}.header-info{display:flex;align-items:center;gap:16px;flex:1}.elder-detail-page.mobile .header-info{width:100%}.elder-avatar{flex-shrink:0}.elder-basic-info{flex:1}.elder-name{margin:0 0 8px;font-size:24px;font-weight:600;color:#333}.elder-detail-page.mobile .elder-name{font-size:20px}.elder-meta{display:flex;gap:12px;margin-bottom:12px;color:#666;font-size:14px}.risk-tag{font-size:14px;padding:4px 12px;border-radius:12px}.statistics-row{margin-bottom:24px}.stat-card{border-radius:16px;border:none;box-shadow:0 4px 16px #00000014;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:100%}.stat-card .ant-card-body{padding:20px;height:100%;display:flex;align-items:center}.stat-card .ant-statistic{width:100%}.stat-card .ant-statistic-title{margin-bottom:8px;font-size:14px;color:#666}.stat-card .ant-statistic-content{font-size:24px;font-weight:600;color:#333}.detail-tabs{background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:20px;box-shadow:0 8px 32px #1f268726}.elder-detail-page.mobile .detail-tabs{padding:12px}.tab-content{padding-top:20px}.elder-detail-page.mobile .tab-content{padding-top:12px}.chart-card{margin-bottom:24px;border-radius:16px;border:none;box-shadow:0 4px 16px #00000014;background:#ffffffe6}.elder-detail-page.mobile .chart-card{margin-bottom:16px}.chart-card .ant-card-head{border-bottom:1px solid rgba(0,0,0,.06);padding:16px 20px}.chart-card .ant-card-body{padding:20px}.elder-detail-page.mobile .chart-card .ant-card-body{padding:12px}.report-card{border-radius:16px;border:none;box-shadow:0 4px 16px #00000014;background:#ffffffe6}.report-content{padding:8px 0}.report-score{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(0,0,0,.06)}.elder-detail-page.mobile .report-score{flex-direction:column;align-items:flex-start;gap:12px}.risk-level-tag{font-size:16px;padding:8px 16px;border-radius:12px}.report-explain,.report-recommendations{margin-top:24px}.report-explain h4,.report-recommendations h4{margin-bottom:12px;color:#333;font-size:16px;font-weight:600}.report-explain p{color:#666;line-height:1.8;margin:0}.report-recommendations ul{margin:0;padding-left:20px;color:#666;line-height:1.8}.report-recommendations li{margin-bottom:8px}@media (max-width: 768px){.elder-detail-page{padding:8px}.detail-header{padding:12px}.statistics-row{margin-bottom:16px}.chart-card .ant-card-body{padding:8px}}.history-list{display:flex;flex-direction:column;gap:16px}.history-card{border-radius:12px;border:1px solid rgba(0,0,0,.06);background:#ffffffe6;transition:all .3s}.history-card:hover{box-shadow:0 4px 12px #0000001a}.history-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.elder-detail-page.mobile .history-header{flex-direction:column;gap:12px}.history-content{color:#666;font-size:14px;line-height:1.6}.history-content strong{color:#333;font-weight:600}@media (max-width: 768px){.history-header{flex-direction:column;gap:12px}.history-header>div:first-child{width:100%}}.profile-mobile{padding:16px;min-height:100vh}.profile-header{text-align:center;margin-bottom:24px}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;padding:24px 0}.profile-username{font-size:20px;font-weight:600;color:#333}.profile-form{margin-top:16px}.profile-form .ant-form-item-label>label{font-weight:500;color:#333}.change-password-mobile{padding:16px;min-height:100vh}.change-password-header{margin-bottom:24px}.change-password-title{font-size:24px;font-weight:600;color:#333;margin:0;text-align:center}.change-password-form{margin-top:16px}.change-password-form .ant-form-item-label>label{font-weight:500;color:#333}*{margin:0;padding:0;box-sizing:border-box}:root{--macos-bg-primary: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--macos-bg-secondary: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--macos-glass-bg: rgba(255, 255, 255, .25);--macos-glass-border: rgba(255, 255, 255, .18);--macos-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);--macos-shadow-hover: 0 12px 48px 0 rgba(31, 38, 135, .5);--macos-radius: 16px;--macos-radius-large: 24px;--macos-transition: all .3s cubic-bezier(.4, 0, .2, 1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--macos-bg-secondary);overflow-x:hidden}#root{min-height:100vh}.glass-effect{background:var(--macos-glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--macos-glass-border);border-radius:var(--macos-radius);box-shadow:var(--macos-shadow);transition:var(--macos-transition)}.glass-effect:hover{box-shadow:var(--macos-shadow-hover);transform:translateY(-2px)}.macos-card{background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:var(--macos-radius);box-shadow:var(--macos-shadow);transition:var(--macos-transition)}.macos-card:hover{box-shadow:var(--macos-shadow-hover);transform:translateY(-4px)}.macos-button{border-radius:12px;transition:var(--macos-transition);border:none;font-weight:500}.macos-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}html{scroll-behavior:smooth}.ant-input,.ant-input-password,.ant-input-number,.ant-picker{border-radius:12px!important;border:1px solid rgba(0,0,0,.1)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;background:#fffc!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.ant-input:focus,.ant-input-password:focus,.ant-input-number:focus,.ant-picker:focus{border-color:#1890ff!important;box-shadow:0 0 0 2px #1890ff33!important;background:#fffffff2!important}.ant-card{border-radius:24px!important;border:none!important}.ant-card-head{border-bottom:1px solid rgba(0,0,0,.06)!important}.ant-form-item-label>label{font-weight:500!important}.ant-checkbox-wrapper{border-radius:8px!important;padding:4px 8px!important;transition:all .2s ease!important}.ant-checkbox-wrapper:hover{background:#1890ff0d!important}.recharts-wrapper{border-radius:16px!important;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#0000004d}