.layout-container{min-height:100vh;background:linear-gradient(135deg,#e3f2fd,#f5f9ff,#fff)}.header{background:linear-gradient(90deg,#4a90e2,#5ba3f5);display:flex;justify-content:space-between;align-items:center;padding:0 24px;box-shadow:0 2px 8px #4a90e226}.logo{display:flex;align-items:center;gap:12px;color:#fff;font-size:20px;font-weight:600}.logo img{width:32px;height:32px}.header-right{display:flex;align-items:center;gap:16px}.avatar{background:#fff3;cursor:pointer;transition:all .3s}.avatar:hover{background:#ffffff4d;transform:scale(1.05)}.sider{background:#fff;box-shadow:2px 0 8px #4a90e214;margin:16px 0 16px 16px;border-radius:12px;overflow:hidden}.menu{border:none;padding:12px 8px}.menu .ant-menu-item{border-radius:8px;margin:4px 0}.menu .ant-menu-item-selected{background:linear-gradient(90deg,#e3f2fd,#bbdefb);color:#4a90e2}.content{margin:16px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #4a90e214;min-height:calc(100vh - 96px)}.home-container{max-width:1200px;margin:0 auto;padding:0 16px}.welcome-section{text-align:center;padding:48px 24px;background:linear-gradient(135deg,#e3f2fd,#fff);border-radius:16px;margin-bottom:32px;box-shadow:0 4px 12px #4a90e21a}.welcome-section h1{font-size:32px;color:#4a90e2;margin-bottom:12px}.welcome-section p{font-size:16px;color:#666;margin-bottom:24px}.stats-row{margin-bottom:32px}.stat-card{border-radius:12px;box-shadow:0 2px 8px #4a90e214;border:1px solid rgba(74,144,226,.1);transition:all .3s}.stat-card:hover{box-shadow:0 4px 16px #4a90e226;transform:translateY(-2px)}.recent-card{border-radius:12px;box-shadow:0 2px 8px #4a90e214;border:1px solid rgba(74,144,226,.1)}@media (max-width: 768px){.home-container{padding:0 12px}.welcome-section{padding:32px 16px;margin-bottom:24px;border-radius:12px}.welcome-section h1{font-size:24px;margin-bottom:8px}.welcome-section p{font-size:14px;margin-bottom:16px}.stats-row{margin-bottom:24px}.stat-card,.recent-card{border-radius:8px}.recent-card .ant-table-wrapper{overflow-x:auto}}@media (max-width: 576px){.welcome-section{padding:24px 12px}.welcome-section h1{font-size:20px}.welcome-section p{font-size:13px}.stats-row .ant-col{margin-bottom:12px}}.albums-container{max-width:1200px;margin:0 auto;padding:0 16px}.albums-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.albums-header h2{margin:0;color:#4a90e2;font-size:24px}.albums-card{border-radius:12px;box-shadow:0 2px 8px #4a90e214;border:1px solid rgba(74,144,226,.1)}@media (max-width: 768px){.albums-container{padding:0 12px}.albums-header{margin-bottom:16px}.albums-header h2{font-size:20px}.albums-card{border-radius:8px}.albums-card .ant-btn-link span:not(.anticon){display:none}}@media (max-width: 576px){.albums-header{flex-direction:column;align-items:stretch}.albums-header button{width:100%}}.album-detail-container{padding:24px;max-width:1400px;margin:0 auto}.album-detail-header{margin-bottom:24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.album-info h2{margin:0;font-size:24px;color:#333}.album-info p{margin:4px 0 0;color:#666;font-size:14px}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:24px}.image-card{border-radius:8px;overflow:hidden;transition:all .3s}.image-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.image-preview{width:100%;height:200px;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.image-preview img{cursor:pointer}.image-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.image-meta{font-size:12px;color:#999}.image-meta div{margin:2px 0}.pagination-wrapper{display:flex;justify-content:center;padding:24px 0}@media (max-width: 768px){.album-detail-container{padding:16px 12px}.album-detail-header{flex-direction:column;align-items:flex-start;gap:12px}.album-detail-header button{width:100%}.album-info h2{font-size:20px}.album-info p{font-size:13px}.images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.image-preview{height:150px}.image-card .ant-card-body{padding:12px}.image-title{font-size:13px}.image-meta{font-size:11px}.image-card .ant-space{width:100%;display:flex;flex-direction:column}.image-card .ant-space-item,.image-card .ant-btn{width:100%}}@media (max-width: 576px){.album-detail-container{padding:12px 8px}.images-grid{grid-template-columns:repeat(2,1fr);gap:8px}.image-preview{height:120px}.pagination-wrapper{padding:16px 0}.pagination-wrapper .ant-pagination{font-size:12px}}.upload-container{max-width:900px;margin:0 auto;padding:0 16px}.upload-container h2{color:#4a90e2;margin-bottom:24px}.upload-card,.result-card{border-radius:12px;box-shadow:0 2px 8px #4a90e214;border:1px solid rgba(74,144,226,.1);margin-bottom:24px}.upload-dragger{background:linear-gradient(135deg,#f5f9ff,#fff)!important;border:2px dashed #4A90E2!important;border-radius:12px!important}.upload-dragger:hover{border-color:#5ba3f5!important}.image-result{display:flex;align-items:center;gap:16px;padding:12px;background:#f5f9ff;border-radius:8px}.image-info{flex:1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}@media (max-width: 768px){.upload-container{padding:0 12px}.upload-container h2{font-size:20px;margin-bottom:16px}.upload-card,.result-card{border-radius:8px;margin-bottom:16px}.image-result{flex-direction:column;align-items:flex-start;gap:12px}.image-info{width:100%;flex-direction:column;align-items:flex-start}.ant-space,.ant-space-item,.ant-space-item .ant-btn{width:100%}}@media (max-width: 576px){.upload-dragger{padding:20px 12px!important}.upload-dragger .ant-upload-text{font-size:14px}.upload-dragger .ant-upload-hint{font-size:12px}}.channels-container{max-width:1200px;margin:0 auto;padding:0 16px}.channels-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.channels-header h2{margin:0;color:#4a90e2;font-size:24px}.channels-card{border-radius:12px;box-shadow:0 2px 8px #4a90e214;border:1px solid rgba(74,144,226,.1)}@media (max-width: 768px){.channels-container{padding:0 12px}.channels-header{margin-bottom:16px}.channels-header h2{font-size:20px}.channels-card{border-radius:8px}.channels-card .ant-table-wrapper{overflow-x:auto}.channels-card .ant-btn-link span:not(.anticon){display:none}}@media (max-width: 576px){.channels-header{flex-direction:column;align-items:stretch}.channels-header button{width:100%}}.settings-container{max-width:900px;margin:0 auto;padding:0 16px}.settings-container h2{color:#4a90e2;margin-bottom:24px}.settings-card{border-radius:12px;box-shadow:0 2px 8px #4a90e214;border:1px solid rgba(74,144,226,.1)}@media (max-width: 768px){.settings-container{padding:0 12px}.settings-container h2{font-size:20px;margin-bottom:16px}.settings-card{border-radius:8px}.settings-card .ant-form-item{margin-bottom:16px}.settings-card .ant-alert{padding:12px}.settings-card .ant-alert-description{font-size:13px}.settings-card .ant-alert-description ul{padding-left:20px}.settings-card .ant-btn{width:100%}}@media (max-width: 576px){.settings-container h2{font-size:18px}.settings-card .ant-alert-description p{margin-bottom:8px}}.users-container{padding:24px}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.users-header h2{margin:0;font-size:24px;font-weight:600}.users-card{box-shadow:0 2px 8px #0000001a}.permission-groups-container{padding:24px}.permission-groups-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.permission-groups-header h2{margin:0;font-size:24px;font-weight:600}.permission-groups-card{box-shadow:0 2px 8px #0000001a}.admin-images-container{padding:24px}.admin-images-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-images-header h2{margin:0;font-size:24px;font-weight:600}.admin-images-card{box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.admin-images-container{padding:12px}.admin-images-header{flex-direction:column;align-items:flex-start;gap:12px}.admin-images-header h2{font-size:20px}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb,#90caf9);padding:24px}.login-box{width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:48px;font-weight:700;color:#4a90e2;margin-bottom:8px;text-shadow:2px 2px 4px rgba(74,144,226,.2)}.login-header p{font-size:16px;color:#666}.login-card{border-radius:16px;box-shadow:0 8px 24px #4a90e233;border:1px solid rgba(74,144,226,.1);background:#fff}.login-card .ant-tabs-nav{margin-bottom:24px}.login-card .ant-btn-primary{height:44px;font-size:16px;background:linear-gradient(90deg,#4a90e2,#5ba3f5);border:none}.login-card .ant-btn-primary:hover{background:linear-gradient(90deg,#5ba3f5,#7cb8f7)}@media (max-width: 768px){.login-container{padding:16px}.login-box{max-width:100%}.login-header{margin-bottom:24px}.login-header h1{font-size:36px}.login-header p{font-size:14px}.login-card{border-radius:12px}.login-card .ant-card-body{padding:20px}.login-card .ant-tabs-nav{margin-bottom:20px}.login-card .ant-btn-primary{height:40px;font-size:15px}}@media (max-width: 576px){.login-container{padding:12px}.login-header h1{font-size:32px}.login-header p{font-size:13px}.login-card .ant-card-body{padding:16px}.login-card .ant-form-item{margin-bottom:16px}}*{margin:0;padding:0;box-sizing:border-box}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:linear-gradient(135deg,#e3f2fd,#fff);min-height:100vh}#root{min-height:100vh}.app-container{min-height:100vh;background:linear-gradient(135deg,#e3f2fd,#f5f9ff,#fff)}.content-wrapper{max-width:1400px;margin:0 auto;padding:24px}.card-shadow{box-shadow:0 2px 8px #4a90e214;border:1px solid rgba(74,144,226,.1)}.card-shadow:hover{box-shadow:0 4px 16px #4a90e226;transition:all .3s ease}