.auth-container{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.auth-card{z-index:10;background:#fffffff2;border-radius:20px;width:100%;max-width:420px;padding:40px;position:relative;box-shadow:0 20px 60px #0000004d}.auth-header{text-align:center;margin-bottom:30px}.auth-title{color:#1a1a2e;background:linear-gradient(135deg,#c9b037,#d4af37);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-family:Noto Serif SC,serif;font-size:32px}.auth-subtitle{color:#666;margin:0;font-size:14px}.auth-tabs{gap:10px;margin-bottom:30px;display:flex}.auth-tab{cursor:pointer;color:#666;background:#f5f5f5;border:none;border-radius:10px;flex:1;padding:12px;font-size:16px;transition:all .3s}.auth-tab:hover{background:#eee}.auth-tab.active{color:#fff;background:linear-gradient(135deg,#c9b037,#d4af37);font-weight:600}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-error{color:#c62828;text-align:center;background:#ffebee;border-radius:10px;padding:12px 16px;font-size:14px}.auth-success{color:#2e7d32;text-align:center;background:#e8f5e9;border-radius:10px;padding:12px 16px;font-size:14px}.form-group{flex-direction:column;gap:8px;display:flex}.verification-code-group{align-items:stretch;gap:10px;display:flex}.verification-code-group input{flex:1}.send-code-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#c9b037,#d4af37);border:none;border-radius:10px;min-width:120px;padding:14px 20px;font-size:14px;font-weight:600;transition:all .3s}.send-code-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #c9b0374d}.send-code-btn:disabled{opacity:.6;cursor:not-allowed}.form-group label{color:#333;font-size:14px;font-weight:500}.form-group input{border:2px solid #e0e0e0;border-radius:10px;outline:none;padding:14px 16px;font-size:16px;transition:all .3s}.form-group input:focus{border-color:#c9b037;box-shadow:0 0 0 3px #c9b0371a}.form-group input::placeholder{color:#aaa}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c9b037,#d4af37);border:none;border-radius:10px;margin-top:10px;padding:16px;font-size:18px;font-weight:600;transition:all .3s}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #c9b03766}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;border-top:1px solid #eee;margin-top:24px;padding-top:20px}.auth-footer p{color:#666;margin:0;font-size:14px}.auth-link{color:#c9b037;cursor:pointer;background:0 0;border:none;margin-left:5px;padding:0;font-size:14px;font-weight:600}.auth-link:hover{text-decoration:underline}.auth-decoration{pointer-events:none;z-index:1;position:absolute;inset:0}.decoration-circle{border:2px solid #c9b03733;border-radius:50%;position:absolute}.circle-1{width:300px;height:300px;animation:8s ease-in-out infinite float1;top:-100px;left:-100px}.circle-2{width:200px;height:200px;animation:6s ease-in-out infinite float2;bottom:10%;right:-50px}.circle-3{width:150px;height:150px;animation:7s ease-in-out infinite float3;top:40%;left:-50px}@keyframes float1{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(20px,20px)rotate(10deg)}}@keyframes float2{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-15px,-15px)rotate(-10deg)}}@keyframes float3{0%,to{transform:translate(0)}50%{transform:translate(10px,-10px)}}@media (max-width:480px){.auth-card{padding:30px 20px}.auth-title{font-size:28px}}
.family-list-container{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);min-height:100vh}.family-list-loading{color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{border:4px solid #fff3;border-top-color:#c9b037;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.family-list-header{background:#0003;border-bottom:1px solid #c9b0374d;justify-content:space-between;align-items:center;padding:20px 40px;display:flex}.header-left h1{color:#c9b037;margin:0 0 5px;font-family:Noto Serif SC,serif;font-size:28px}.header-left p{color:#ffffffb3;margin:0;font-size:14px}.header-right{align-items:center;gap:12px;display:flex}.btn-admin{color:#c9b037;cursor:pointer;background:linear-gradient(135deg,#c9b03733,#d4af371a);border:1px solid #c9b03780;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .3s}.btn-admin:hover{background:linear-gradient(135deg,#c9b0374d,#d4af3733);border-color:#c9b037;transform:translateY(-1px)}.btn-logout{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:8px;padding:10px 20px;transition:all .3s}.btn-logout:hover{background:#ffffff1a;border-color:#c9b037}.family-list-main{max-width:1200px;margin:0 auto;padding:40px}.list-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.list-header h2{color:#fff;margin:0;font-family:Noto Serif SC,serif;font-size:24px}.btn-create{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c9b037,#d4af37);border:none;border-radius:10px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s}.btn-create:hover{transform:translateY(-2px);box-shadow:0 5px 20px #c9b03766}.empty-state{text-align:center;color:#fff;padding:80px 20px}.empty-icon{margin-bottom:20px;font-size:80px}.empty-state h3{margin:0 0 10px;font-size:24px}.empty-state p{color:#ffffffb3;margin:0 0 30px}.btn-create-large{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c9b037,#d4af37);border:none;border-radius:12px;padding:16px 40px;font-size:18px;font-weight:600;transition:all .3s}.btn-create-large:hover{transform:translateY(-2px);box-shadow:0 5px 20px #c9b03766}.family-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.family-card{cursor:pointer;background:#fffffff2;border-radius:16px;flex-direction:column;min-height:200px;padding:24px;transition:all .3s;display:flex}.family-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.family-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.family-card-header h3{color:#1a1a2e;margin:0;font-family:Noto Serif SC,serif;font-size:20px}.btn-delete{color:#999;cursor:pointer;background:#f5f5f5;border:none;border-radius:50%;width:28px;height:28px;font-size:20px;line-height:1;transition:all .3s}.btn-delete:hover{color:#c62828;background:#ffebee}.family-subtitle{color:#666;min-height:20px;margin:0 0 15px;font-size:14px}.family-meta{color:#999;border-top:1px solid #eee;justify-content:space-between;padding-top:15px;font-size:12px;display:flex}.family-actions{gap:10px;margin-top:15px;display:flex}.btn-family-tree,.btn-genealogy{cursor:pointer;text-align:center;border:2px solid;border-radius:8px;flex:1;padding:10px 16px;font-size:14px;font-weight:500;transition:all .3s}.btn-family-tree{color:#c9b037;background:#fff;border-color:#c9b037}.btn-family-tree:hover{color:#fff;background:linear-gradient(135deg,#c9b037,#d4af37);transform:translateY(-2px);box-shadow:0 4px 15px #c9b0374d}.btn-genealogy{color:#764ba2;background:#fff;border-color:#764ba2}.btn-genealogy:hover{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-2px);box-shadow:0 4px 15px #764ba24d}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.create-modal{background:#fff;border-radius:16px;width:90%;max-width:400px;padding:30px}.create-modal h3{color:#1a1a2e;text-align:center;margin:0 0 24px;font-family:Noto Serif SC,serif;font-size:24px}.create-modal .form-group{margin-bottom:20px}.create-modal .form-group label{color:#333;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.create-modal .form-group input{box-sizing:border-box;border:2px solid #e0e0e0;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:16px;transition:all .3s}.create-modal .form-group input:focus{border-color:#c9b037}.modal-actions{gap:12px;margin-top:24px;display:flex}.btn-cancel{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:10px;flex:1;padding:12px;font-size:16px;transition:all .3s}.btn-cancel:hover{background:#f5f5f5}.btn-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c9b037,#d4af37);border:none;border-radius:10px;flex:1;padding:12px;font-size:16px;font-weight:600;transition:all .3s}.btn-confirm:hover:not(:disabled){transform:translateY(-2px)}.btn-confirm:disabled{opacity:.7;cursor:not-allowed}.btn-feedback{color:#a78bfa;cursor:pointer;background:linear-gradient(135deg,#667eea33,#764ba21a);border:1px solid #667eea80;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .3s}.btn-feedback:hover{background:linear-gradient(135deg,#667eea4d,#764ba233);border-color:#a78bfa;transform:translateY(-1px)}.feedback-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2efa;border:1px solid #c9b0374d;border-radius:20px;width:90%;max-width:500px;padding:30px;box-shadow:0 25px 50px #00000080}.feedback-modal h3{color:#c9b037;margin-bottom:8px;font-size:22px}.feedback-desc{color:#fff9;margin-bottom:24px;font-size:14px}.feedback-modal select{color:#fff;cursor:pointer;appearance:none;background:#ffffff1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6'%3E%3Cpath d='M0 0l6 6 6-6z' fill='rgba(255,255,255,0.5)'/%3E%3C/svg%3E") right 16px center no-repeat;border:1px solid #fff3;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:16px}.feedback-modal select:focus{border-color:#c9b037}.feedback-modal select option{color:#fff;background:#1a1a2e}.feedback-modal textarea{color:#fff;resize:vertical;box-sizing:border-box;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;outline:none;width:100%;min-height:100px;padding:12px 16px;font-family:inherit;font-size:16px}.feedback-modal textarea:focus{border-color:#c9b037}.feedback-modal textarea::placeholder{color:#fff6}@media (max-width:768px){.family-list-header{text-align:center;flex-direction:column;gap:15px;padding:20px}.header-right{flex-wrap:wrap;justify-content:center}.family-list-main{padding:20px}.list-header{flex-direction:column;align-items:stretch;gap:15px}.family-grid{grid-template-columns:1fr}}
.admin-layout{background:#f5f7fa;min-height:100vh;display:flex}.admin-sidebar{z-index:100;background:linear-gradient(#1a1a2e 0%,#16213e 100%);flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:24px 20px}.sidebar-header h1{color:#c9b037;margin:0 0 4px;font-family:Noto Serif SC,serif;font-size:22px}.sidebar-header p{color:#ffffff80;margin:0;font-size:12px}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-item{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;width:100%;margin-bottom:4px;padding:14px 16px;font-size:14px;transition:all .3s;display:flex}.nav-item:hover{color:#fff;background:#ffffff1a}.nav-item.active{color:#fff;background:linear-gradient(135deg,#c9b037,#d4af37);box-shadow:0 4px 15px #c9b0374d}.nav-icon{width:24px;margin-right:12px;font-size:18px}.nav-label{font-weight:500}.sidebar-footer{border-top:1px solid #ffffff1a;padding:16px}.btn-back{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:8px;width:100%;padding:12px;font-size:14px;transition:all .3s}.btn-back:hover{color:#fff;background:#ffffff1a;border-color:#c9b037}.admin-main{flex:1;min-height:100vh;margin-left:260px;padding:24px}.admin-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d}.admin-section h2{color:#303133;margin:0 0 8px;font-size:24px;font-weight:600}.admin-subtitle{color:#909399;margin:0 0 24px;font-size:14px}.admin-loading{text-align:center;color:#909399;padding:60px}.admin-dashboard{padding:0}.admin-dashboard h2{color:#303133;margin:0 0 8px;font-size:24px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 2px 8px #0000000d}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;display:flex}.stat-users .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-families .stat-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-generations .stat-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-members .stat-icon{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-info h3{color:#303133;margin:0 0 4px;font-size:28px;font-weight:700}.stat-info p{color:#606266;margin:0 0 4px;font-size:14px}.stat-detail{color:#909399;font-size:12px}.dashboard-row{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px;display:grid}.dashboard-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d}.dashboard-card.wide{grid-column:span 2}.dashboard-card h4{color:#303133;margin:0 0 16px;font-size:16px;font-weight:600}.progress-list{flex-direction:column;gap:16px;display:flex}.progress-item{align-items:center;gap:12px;display:flex}.progress-item .label{color:#606266;width:80px;font-size:14px}.progress-bar{background:#f0f2f5;border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .3s}.progress-fill.active{background:linear-gradient(90deg,#67c23a,#85ce61)}.progress-fill.disabled{background:linear-gradient(90deg,#f56c6c,#ff7875)}.progress-item .value{text-align:right;color:#303133;width:40px;font-weight:600}.big-number{color:#409eff;font-size:48px;font-weight:700;line-height:1}.text-muted{color:#909399;font-size:14px}.mini-table{border-collapse:collapse;width:100%}.mini-table th,.mini-table td{text-align:left;border-bottom:1px solid #ebeef5;padding:12px}.mini-table th{color:#909399;text-transform:uppercase;font-size:12px;font-weight:500}.mini-table td{color:#303133;font-size:14px}.search-bar{margin-bottom:20px}.search-bar form{gap:12px;display:flex}.search-bar input{border:1px solid #dcdfe6;border-radius:8px;outline:none;flex:1;max-width:400px;padding:10px 16px;font-size:14px;transition:border-color .3s}.search-bar input:focus{border-color:#c9b037}.search-bar button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c9b037,#d4af37);border:none;border-radius:8px;padding:10px 20px;font-weight:500}.search-bar button:hover{opacity:.9}.filter-bar{gap:12px;margin-bottom:20px;display:flex}.filter-bar select{background:#fff;border:1px solid #dcdfe6;border-radius:8px;outline:none;min-width:150px;padding:10px 16px;font-size:14px}.filter-bar select:focus{border-color:#c9b037}.btn-refresh{color:#fff;cursor:pointer;background:#409eff;border:none;border-radius:8px;padding:10px 16px;font-size:14px}.admin-table{border-collapse:collapse;width:100%;margin-bottom:20px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #ebeef5;padding:14px 12px}.admin-table th{color:#909399;text-transform:uppercase;background:#fafafa;font-size:12px;font-weight:600}.admin-table td{color:#303133;font-size:14px}.admin-table tr:hover td{background:#f5f7fa}.actions{flex-wrap:wrap;gap:8px;display:flex}.badge{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.badge-admin{color:#f56c6c;background:#fef0f0}.badge-user,.badge-active{color:#67c23a;background:#f0f9eb}.badge-disabled{color:#f56c6c;background:#fef0f0}.badge-warning{color:#e6a23c;background:#fdf6ec}.badge-info{color:#409eff;background:#ecf5ff}.badge-success{color:#67c23a;background:#f0f9eb}.badge-secondary{color:#909399;background:#f4f4f5}.priority-low{color:#67c23a;background:#f0f9eb}.priority-medium{color:#409eff;background:#ecf5ff}.priority-high{color:#e6a23c;background:#fdf6ec}.priority-urgent{color:#f56c6c;background:#fef0f0}.btn-small{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .3s}.btn-edit{color:#409eff;background:#ecf5ff}.btn-edit:hover,.btn-primary{color:#fff;background:#409eff}.btn-primary:hover{background:#66b1ff}.btn-success{color:#fff;background:#67c23a}.btn-success:hover{background:#85ce61}.btn-warning{color:#fff;background:#e6a23c}.btn-warning:hover{background:#ebb563}.btn-danger{color:#fff;background:#f56c6c}.btn-danger:hover{background:#f89898}.btn-small:disabled{opacity:.5;cursor:not-allowed}.pagination{justify-content:center;align-items:center;gap:16px;padding:20px 0;display:flex}.pagination button{color:#606266;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-radius:6px;padding:8px 16px;transition:all .3s}.pagination button:hover:not(:disabled){color:#c9b037;border-color:#c9b037}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{color:#909399;font-size:14px}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;padding:24px;overflow-y:auto}.modal-content h3{color:#303133;margin:0 0 20px;font-size:18px}.form-group{margin-bottom:16px}.form-group label{color:#606266;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input,.form-group textarea,.form-group select{box-sizing:border-box;border:1px solid #dcdfe6;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#c9b037}.checkbox-group label{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox-group input[type=checkbox]{width:18px;height:18px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn-cancel{color:#606266;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-radius:8px;padding:10px 20px}.btn-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c9b037,#d4af37);border:none;border-radius:8px;padding:10px 20px;font-weight:500}.feedback-list{flex-direction:column;gap:16px;display:flex}.feedback-card{background:#fafafa;border:1px solid #ebeef5;border-radius:10px;padding:16px}.feedback-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.feedback-header h4{color:#303133;margin:0;font-size:16px}.feedback-badges{gap:8px;display:flex}.feedback-content{color:#606266;margin-bottom:12px;font-size:14px;line-height:1.6}.feedback-meta{color:#909399;justify-content:space-between;margin-bottom:12px;font-size:12px;display:flex}.admin-reply{color:#409eff;background:#ecf5ff;border-radius:8px;margin-bottom:12px;padding:12px;font-size:14px}.feedback-actions{align-items:center;gap:12px;display:flex}.feedback-actions select{border:1px solid #dcdfe6;border-radius:6px;padding:6px 12px;font-size:12px}.stats-row{gap:20px;margin-bottom:20px;display:flex}.mini-stat{text-align:center;background:#fff;border-radius:10px;padding:16px 24px;box-shadow:0 2px 8px #0000000d}.mini-stat .number{color:#409eff;font-size:24px;font-weight:700;display:block}.mini-stat .label{color:#909399;margin-top:4px;font-size:12px;display:block}.logs-list{flex-direction:column;gap:8px;max-height:600px;display:flex;overflow-y:auto}.log-entry{background:#fff;border:1px solid #ebeef5;border-left:4px solid #909399;border-radius:8px;padding:12px 16px}.log-entry.log-info{border-left-color:#409eff}.log-entry.log-warn{border-left-color:#e6a23c}.log-entry.log-error{border-left-color:#f56c6c}.log-entry.log-debug{border-left-color:#909399}.log-entry.log-system{border-left-color:#67c23a}.log-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.log-time{color:#909399;font-family:monospace;font-size:12px}.log-level{background:#f4f4f5;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.log-level.log-info{color:#409eff;background:#ecf5ff}.log-level.log-warn{color:#e6a23c;background:#fdf6ec}.log-level.log-error{color:#f56c6c;background:#fef0f0}.log-level.log-debug{color:#909399;background:#f4f4f5}.log-level.log-system{color:#67c23a;background:#f0f9eb}.log-module{color:#606266;font-size:12px}.log-action{color:#909399;font-size:12px}.log-message{color:#303133;font-size:14px;line-height:1.5}.data-stats-grid{grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:32px;display:grid}.data-stat-card{text-align:center;background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000000d}.data-stat-card .icon{margin-bottom:8px;font-size:28px;display:block}.data-stat-card .number{color:#303133;font-size:24px;font-weight:700;display:block}.data-stat-card .label{color:#909399;font-size:12px}.export-section{background:#fff;border-radius:10px;padding:24px;box-shadow:0 2px 8px #0000000d}.export-section h3{color:#303133;margin:0 0 8px;font-size:18px}.export-buttons{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.export-buttons button{color:#606266;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-radius:8px;padding:12px 20px;transition:all .3s}.export-buttons button:hover:not(:disabled){color:#c9b037;border-color:#c9b037}.export-buttons button:disabled{opacity:.5;cursor:not-allowed}.settings-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.settings-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000000d}.settings-card h3{color:#303133;border-bottom:1px solid #ebeef5;margin:0 0 20px;padding-bottom:12px;font-size:16px}.settings-actions{justify-content:flex-end;display:flex}.settings-actions .btn-primary{padding:12px 32px;font-size:16px}.empty-state{text-align:center;color:#909399;padding:60px}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.data-stats-grid{grid-template-columns:repeat(3,1fr)}.settings-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-sidebar{width:200px}.admin-main{margin-left:200px;padding:16px}.stats-grid,.dashboard-row{grid-template-columns:1fr}.dashboard-card.wide{grid-column:span 1}.data-stats-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.admin-table{font-size:12px}.admin-table th,.admin-table td{padding:10px 8px}}