.home-container{min-height:100vh;background:linear-gradient(135deg,#e0e7ff,#f0fdfa);display:flex;flex-direction:column;align-items:center;animation:fadeIn .7s ease-in-out;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.home-header{text-align:center;margin-top:40px;margin-bottom:30px}.home-header h1{font-size:2.5rem;color:#2d3a4b;margin-bottom:10px;font-weight:700}.home-header p{color:#64748b;font-size:1.2rem}.home-features{display:flex;justify-content:center;gap:40px;margin-bottom:40px}.feature-item{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000012;padding:24px 32px;text-align:center;width:220px}.feature-item img{margin-bottom:10px}.feature-item h3{color:#2563eb;margin-bottom:8px}.feature-item p{color:#64748b;font-size:.98rem}.home-main{display:flex;justify-content:center;width:100%;margin-bottom:40px}.home-card{background:#fff;border-radius:18px;box-shadow:0 6px 32px #00000017;padding:40px 36px;min-width:350px;text-align:center}.home-kami-box{margin-top:20px;background:#f1f5f9;border-radius:10px;padding:18px}.kami-text{font-size:1.3rem;color:#0f172a;font-weight:700;margin:12px 0;letter-spacing:2px}.home-button{margin-top:18px;border-radius:24px!important;font-size:1.1rem!important;padding:8px 32px!important}.home-sub{color:#64748b;margin-bottom:18px}.upload-preview-img{border-radius:10px;margin:12px 0;box-shadow:0 2px 12px #00000014}.form-group{margin-top:18px}.modal-content .ant-modal-content{border-radius:16px}.home-footer{text-align:center;color:#94a3b8;font-size:.98rem;margin-bottom:18px;margin-top:auto}.home-main{flex:1;padding:24px;display:flex;align-items:center;justify-content:center}.home-card{width:100%;max-width:500px;color:#1f2937;text-align:center}.home-card h2{text-align:center;font-size:24px;font-weight:600}.home-card p{text-align:center;color:#6b7280}.home-kami-box{background-color:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 20px #0000001a;text-align:center}.kami-text{background-color:#f3f4f6;padding:12px 16px;border-radius:8px;font-family:monospace;color:#4338ca;font-size:18px;word-break:break-word;-webkit-user-select:all;user-select:all;margin-top:8px;margin-bottom:16px}.home-button{background-color:#6366f1;color:#fff;font-weight:500;padding:10px 24px;border:none;border-radius:6px;cursor:pointer;transition:.2s ease}.home-button:hover{background-color:#4f46e5}.modal-content{background-color:#fff;padding:24px;border-radius:12px;max-height:90vh;overflow-y:auto}.upload-preview{width:100%;aspect-ratio:16 / 9;border:2px dashed #d1d5db;border-radius:8px;background-color:#f9fafb;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.upload-preview-img{width:100%;height:100%;object-fit:cover}.upload-text{color:#9ca3af;text-align:center;width:100%}.progress-bar{margin-top:8px;width:100%;height:8px;background-color:#e5e7eb;border-radius:4px}.progress-bar-inner{height:100%;background-color:#6366f1;border-radius:4px}@media (max-width: 768px){.home-container{padding:0 16px}.home-header{margin-top:20px;margin-bottom:20px}.home-header h1{font-size:1.8rem;margin-bottom:8px}.home-header p{font-size:1rem}.home-features{flex-direction:column;gap:20px;margin-bottom:30px;padding:0 10px}.feature-item{width:100%;max-width:300px;padding:20px 24px;margin:0 auto}.feature-item img{width:40px;margin-bottom:8px}.feature-item h3{font-size:1.1rem;margin-bottom:6px}.feature-item p{font-size:.9rem;line-height:1.4}.home-main{padding:16px;margin-bottom:30px}.home-card{min-width:auto;width:100%;padding:30px 24px;margin:0 10px}.home-card h2{font-size:1.5rem;margin-bottom:12px}.home-sub{font-size:.95rem;margin-bottom:16px}.home-button{font-size:1rem!important;padding:10px 28px!important;width:100%;max-width:200px}.home-kami-box{padding:16px;margin-top:16px}.kami-text{font-size:1.1rem;padding:10px 12px;word-break:break-all}.upload-preview-img{max-width:100%;height:auto}.form-group{margin-top:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group .ant-input{width:100%}.home-footer{font-size:.9rem;margin-bottom:20px;padding:0 16px;text-align:center}.modal-content .ant-modal-content{margin:16px;max-width:calc(100vw - 32px)}.ant-modal-body{padding:20px 16px}.upload-preview{aspect-ratio:4 / 3;margin-bottom:16px}}@media (max-width: 480px){.home-header h1{font-size:1.6rem}.home-header p{font-size:.9rem}.home-card{padding:24px 20px}.home-card h2{font-size:1.3rem}.feature-item{padding:16px 20px}.feature-item h3{font-size:1rem}.feature-item p{font-size:.85rem}.kami-text{font-size:1rem;padding:8px 10px}}@media (max-width: 768px) and (orientation: landscape){.home-header{margin-top:10px;margin-bottom:15px}.home-features{flex-direction:row;flex-wrap:wrap;gap:15px}.feature-item{width:calc(50% - 15px);min-width:200px}}.custom-table{background:linear-gradient(to bottom right,#f7faff,#eef3f8);padding:24px;border-radius:16px;box-shadow:0 6px 16px #0000000d;animation:fadeInBg .6s ease-in-out;transition:background .4s ease}@keyframes fadeInBg{0%{background:#fff;opacity:0;transform:translateY(12px)}to{background:linear-gradient(to bottom right,#f7faff,#eef3f8);opacity:1;transform:translateY(0)}}.custom-table .ant-space{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;align-items:center}.custom-table .ant-input,.custom-table .ant-select{width:180px}.custom-table .ant-btn{height:32px}.custom-table .ant-table-wrapper{border-radius:10px;overflow:hidden}.custom-table .ant-table-thead>tr>th{background-color:#f9fafc;font-weight:600;color:#333;font-size:14px}.custom-table .ant-table-cell{padding:10px 12px;font-size:13px;color:#444;word-break:break-word}.custom-table .ant-table-tbody>tr:hover>td{background-color:#f5faff;transition:background .2s ease-in-out}.custom-table .ant-tag{border-radius:8px;padding:2px 8px;font-size:12px;font-weight:500}.custom-table .ant-tag-green{background-color:#e6fffb;color:#08979c;border:1px solid #87e8de}.custom-table .ant-tag-red{background-color:#fff1f0;color:#cf1322;border:1px solid #ffa39e}.custom-table .ant-image{max-height:100px;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.custom-table .ant-pagination{margin-top:20px;text-align:right}@media screen and (max-width: 768px){.custom-table{padding:10px;border-radius:8px;font-size:13px;box-shadow:0 2px 8px #0000000a}.custom-table .ant-space{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px}.custom-table .id-ellipsis{max-width:120px;display:inline-block;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr}.custom-table .ant-input,.custom-table .ant-select,.custom-table .ant-btn{width:100%!important;min-width:0;font-size:14px}.custom-table .ant-table-wrapper{font-size:12px;overflow-x:auto}.custom-table .ant-table-cell{word-break:normal}.custom-table .ant-table-thead>tr>th,.custom-table .ant-table-cell{padding:8px 6px;font-size:12px}.custom-table .ant-table{min-width:600px}.custom-table .ant-pagination{margin-top:10px;font-size:12px}}.app-layout{height:100vh}.app-sider{background:#fff;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #f0f0f0}.sider-title{font-size:20px;font-weight:700;text-align:center;padding:16px 0;color:#3f51b5}.logout-button{padding:16px}.main-content{background:#f9f9f9;height:100vh;overflow-y:auto}.mobile-nav{display:none}.nav-button{flex:1;padding:12px 0;font-size:14px;border:none;background:transparent}.nav-button.active{font-weight:700;color:#1890ff}@media (max-width: 768px){.app-sider{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #ddd;justify-content:space-around;z-index:1000;height:56px;box-shadow:0 -1px 5px #0000000d}.main-content{padding-bottom:72px}}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom right,#6366f1,#8b5cf6,#ec4899);padding:2rem}.login-container{max-width:400px;width:100%;padding:2rem;background:#ffffffe6;border-radius:1.5rem;box-shadow:0 10px 30px #0000001a}.login-header{text-align:center;margin-bottom:1rem}.login-logo{height:48px}.login-title{margin:1rem 0 0}.not-found-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#f9fafb;display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:1000}.decoration{position:absolute;border-radius:50%;z-index:0;transition:all 1.5s ease}.not-found-content{position:relative;z-index:1;text-align:center;width:100%;max-width:600px;padding:0 20px}.error-number{font-size:180px;font-weight:900;color:#4361ee;margin:0;line-height:1;position:relative}.error-number:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#4361ee,#7209b7);border-radius:2px}.error-text h1{font-size:36px;color:#333;margin:20px 0 10px;font-weight:700}.error-text p{font-size:18px;color:#666;max-width:400px;margin:0 auto 30px}.back-button{display:inline-block;padding:12px 30px;background:linear-gradient(90deg,#4361ee,#7209b7);color:#fff;border:none;border-radius:30px;font-size:16px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 10px 20px #4361ee33}.back-button:hover{transform:translateY(-3px);box-shadow:0 15px 30px #4361ee4d}@media (max-width: 768px){.error-number{font-size:120px}.error-number:after{bottom:-15px;width:60px;height:3px}.error-text h1{font-size:28px}.error-text p{font-size:16px}}@media (max-width: 480px){.error-number{font-size:80px}.error-text h1{font-size:24px}.back-button{padding:10px 24px;font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}