:root {--brand-blue:#003a8a;--brand-dark:#002152;--gold-accent:#c5a065;--text-main:#1a1a1a;--text-gray:#8c8c8c;--text-light:#b0b0b0;--border-color:#e5e5e5;--bg-light:#f8f9fa;--white:#ffffff;--success:#52c41a;--warning:#faad14;--danger:#ff4d4f;--shadow-sm:0 2px 8px rgba(0,0,0,0.06);--shadow-md:0 4px 16px rgba(0,0,0,0.08);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--shadow-card:0 2px 12px rgba(0,0,0,0.08);}
* {box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;}
body,html {margin:0;padding:0;min-height:100%;font-family:"Microsoft YaHei","微软雅黑",sans-serif;background:var(--bg-light);color:var(--text-main);}
.top-navbar {position:fixed;top:0;left:0;right:0;height:70px;background:var(--white);box-shadow:var(--shadow-sm);z-index:1000;display:flex;align-items:center;padding:0 40px;transition:all 0.3s ease;}
.top-navbar.scrolled {box-shadow:var(--shadow-md);}
.navbar-left {display:flex;align-items:center;flex:1;}
.navbar-logo {display:flex;align-items:center;gap:12px;margin-right:50px;}
.navbar-logo img {height:40px;width:auto;}
.navbar-brand {font-size:20px;font-weight:600;color:var(--brand-blue);letter-spacing:1px;}
.navbar-menu {display:flex;gap:40px;list-style:none;margin:0;padding:0;}
.navbar-menu li {position:relative;}
.navbar-menu a {text-decoration:none;color:var(--text-main);font-size:15px;font-weight:500;transition:color 0.3s ease;display:flex;align-items:center;gap:8px;padding:10px 0;}
.navbar-menu a i {font-size:16px;}
.navbar-menu a:hover {color:var(--brand-blue);}
.navbar-menu li.active a {color:var(--brand-blue);}
.navbar-menu li.active::after {
    content: '';
    position: absolute;
    bottom: -8px; /* 调整与文字的距离，可微调 */
    left: 50%;
    transform: translateX(-50%);
    width: 60%; /* 下划线宽度，可改成 '50%'、'100%' 或固定值如 '40px' */
    height: 3px;
    background: var(--brand-blue);
    border-radius: 3px;
}
.navbar-right {display:flex;align-items:center;gap:20px;}
.user-info {display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 16px;border-radius:30px;transition:all 0.3s ease;}
.user-info:hover {background:var(--bg-light);}
.user-avatar {width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--brand-blue),var(--gold-accent));display:flex;align-items:center;justify-content:center;color:var(--white);font-size:14px;font-weight:600;}
.user-name {font-size:14px;color:var(--text-main);font-weight:500;}
.logout-btn {background:transparent;border:1px solid var(--border-color);color:var(--text-gray);padding:8px 20px;border-radius:20px;cursor:pointer;font-size:13px;transition:all 0.3s ease;display:flex;align-items:center;gap:6px;}
.logout-btn:hover {border-color:var(--brand-blue);color:var(--brand-blue);}
.mobile-menu-btn {display:none;background:transparent;border:none;font-size:24px;color:var(--text-main);cursor:pointer;padding:8px;}
.main-container {padding-top:70px;min-height:100vh;padding-bottom:100px;}
.content-wrapper {max-width:1200px;margin:0 auto;padding:40px 20px 20px;}
.progress-container {background:var(--white);border-radius:12px;padding:30px 40px;margin-bottom:30px;box-shadow:var(--shadow-md);}
.steps-wrapper {display:flex;justify-content:space-between;align-items:center;position:relative;max-width:800px;margin:0 auto;}
.steps-wrapper::before {content:'';position:absolute;top:20px;left:50px;right:50px;height:3px;background:#e0e0e0;z-index:0;}
.step-item {position:relative;z-index:1;text-align:center;flex:1;display:flex;flex-direction:column;align-items:center;}
.step-circle {width:40px;height:40px;background:#e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#999;font-weight:600;font-size:16px;margin-bottom:12px;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.step-text {font-size:14px;color:#999;font-weight:500;transition:all 0.3s ease;}
.step-item.active .step-circle {background:var(--brand-blue);color:var(--white);box-shadow:0 0 0 4px rgba(0,58,138,0.15);transform:scale(1.1);}
.step-item.active .step-text {color:var(--brand-blue);font-weight:600;}
.step-item.completed .step-circle {background:var(--success);color:var(--white);}
.step-item.completed .step-text {color:var(--success);}
.form-section {background:var(--white);border-radius:12px;padding:40px;margin-bottom:20px;box-shadow:var(--shadow-md);display:none;}
.form-section.active {display:block;animation:fadeInUp 0.5s ease;}
@keyframes fadeInUp {from {opacity:0;transform:translateY(20px);}
to {opacity:1;transform:translateY(0);}
}
.section-header {margin-bottom:35px;padding-bottom:20px;border-bottom:2px solid var(--bg-light);}
.section-title {font-size:24px;font-weight:600;color:var(--text-main);margin-bottom:8px;display:flex;align-items:center;gap:12px;}
.section-title i {color:var(--brand-blue);font-size:26px;}
.section-desc {font-size:14px;color:var(--text-gray);margin-top:8px;}
.subsection-title {font-size:18px;font-weight:600;color:var(--text-main);margin:35px 0 25px;padding-left:14px;border-left:4px solid var(--brand-blue);display:flex;align-items:center;justify-content:space-between;}
.info-box {background:linear-gradient(135deg,#e6f7ff 0%,#f0f9ff 100%);border-left:4px solid #1890ff;padding:16px 20px;border-radius:6px;margin-bottom:25px;font-size:14px;color:#0050b3;display:flex;align-items:flex-start;gap:12px;}
.info-box i {font-size:18px;margin-top:2px;flex-shrink:0;}
.info-box a {color:var(--brand-blue);text-decoration:underline;font-weight:500;}
.info-box a:hover {color:var(--brand-dark);}
.form-row {display:flex;gap:24px;margin-bottom:24px;flex-wrap:wrap;}
.form-col {flex:1;min-width:280px;}
.form-col-full {width:100%;}
.form-label {display:block;margin-bottom:10px;font-size:14px;font-weight:600;color:var(--text-main);}
.required::after {content:'*';color:var(--danger);margin-left:4px;}
.form-input,.form-select,.form-textarea {width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:6px;font-size:14px;font-family:inherit;color:var(--text-main);transition:all 0.3s ease;background:var(--white);}
.form-input:focus,.form-select:focus,.form-textarea:focus {border-color:var(--brand-blue);box-shadow:0 0 0 3px rgba(0,58,138,0.1);}
.form-input::placeholder,.form-textarea::placeholder {color:#ccc;}
.form-textarea {resize:vertical;min-height:120px;line-height:1.6;}
.form-select {cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;}
.conditional-field {display:none;overflow:hidden;max-height:0;opacity:0;transition:all 0.4s ease;}
.conditional-field.show {display:block;max-height:1000px;opacity:1;}
.floating-nav {position:fixed;right:20px;top:120px;width:280px;background:var(--white);border-radius:12px;box-shadow:var(--shadow-lg);padding:20px;max-height:calc(100vh - 160px);overflow-y:auto;z-index:999;transition:all 0.3s ease;display:none;}
.floating-nav.show {display:block;}
.floating-nav::-webkit-scrollbar {width:6px;}
.floating-nav::-webkit-scrollbar-thumb {background:#ccc;border-radius:3px;}
.floating-nav-title {font-size:16px;font-weight:600;color:var(--brand-blue);margin-bottom:15px;display:flex;align-items:center;gap:8px;}
.nav-brand-item {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f0f0f0;}
.nav-brand-item:last-child {border-bottom:none;margin-bottom:0;padding-bottom:0;}
.nav-brand-name {font-size:14px;font-weight:600;color:var(--text-main);margin-bottom:8px;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all 0.2s ease;display:flex;align-items:center;gap:8px;}
.nav-brand-name:hover {background:var(--bg-light);color:var(--brand-blue);}
.nav-brand-name i {font-size:12px;}
.nav-product-list {margin-left:20px;margin-top:5px;}
.nav-product-item {font-size:13px;color:var(--text-gray);padding:6px 12px;border-radius:4px;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:6px;margin-bottom:4px;}
.nav-product-item:hover {background:rgba(0,58,138,0.05);color:var(--brand-blue);}
.nav-product-item i {font-size:10px;}
.step2-container {display:flex;gap:30px;position:relative;}
.step2-main {flex:1;max-width:100%;}
.brand-card {border:2px solid #e0e0e0;border-radius:10px;padding:0;margin-bottom:20px;background:var(--white);box-shadow:var(--shadow-card);transition:all 0.3s ease;scroll-margin-top:100px;overflow:hidden;}
.brand-card:hover {box-shadow:var(--shadow-lg);border-color:#d0d0d0;}
.card-header {display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background:linear-gradient(135deg,#f0f7ff 0%,#ffffff 100%);border-bottom:2px solid #e8f4ff;cursor:pointer;user-select:none;}
.card-header:hover {background:linear-gradient(135deg,#e6f2ff 0%,#fafbff 100%);}
.card-title {font-weight:700;font-size:22px;color:var(--brand-blue);display:flex;align-items:center;gap:14px;}
.card-title i {font-size:24px;}
.card-header-actions {display:flex;align-items:center;gap:12px;}
.brand-collapse-icon {font-size:16px;color:var(--text-gray);transition:transform 0.3s ease;}
.brand-card.collapsed .brand-collapse-icon {transform:rotate(-90deg);}
.add-brand-btn-inline {background:linear-gradient(135deg,rgba(0,58,138,0.08) 0%,rgba(0,58,138,0.15) 100%);border:2px solid var(--brand-blue);color:var(--brand-blue);padding:10px 24px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 8px rgba(0,58,138,0.1);}
.add-brand-btn-inline:hover {background:linear-gradient(135deg,rgba(0,58,138,0.15) 0%,rgba(0,58,138,0.25) 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,58,138,0.2);}
.add-brand-btn-inline i {font-size:16px;}
.remove-brand-btn {background:linear-gradient(135deg,#fff1f0 0%,#ffe7e6 100%);border:2px solid var(--danger);color:var(--danger);padding:10px 24px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all 0.3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px rgba(255,77,79,0.1);}
.remove-brand-btn:hover {background:var(--danger);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,77,79,0.3);}
.remove-brand-btn i {font-size:16px;}
.brand-card-body {padding:40px;display:block;transition:all 0.3s ease;background:#fafbfc;}
.brand-card.collapsed .brand-card-body {display:none;}
.product-card {background:var(--white);border:2px solid #e0e0e0;border-radius:16px;padding:0;margin-bottom:25px;overflow:hidden;transition:all 0.3s ease;scroll-margin-top:100px;box-shadow:0 2px 8px rgba(0,0,0,0.05);}
.product-card:hover {box-shadow:0 4px 16px rgba(0,0,0,0.1);border-color:#c0c0c0;}
.product-card-header {display:flex;justify-content:space-between;align-items:center;padding:10px 30px;background:linear-gradient(135deg,#f6ffed 0%,#ffffff 100%);cursor:pointer;user-select:none;border-bottom:2px solid #f0ffe8;}
.product-card-header:hover {background:linear-gradient(135deg,#f0ffe8 0%,#fafffa 100%);}
.product-card-title {font-weight:600;font-size:18px;color:var(--success);display:flex;align-items:center;gap:12px;}
.product-card-title i {font-size:20px;}
.product-collapse-icon {font-size:16px;color:var(--text-gray);transition:transform 0.3s ease;}
.product-card.collapsed .product-collapse-icon {transform:rotate(-90deg);}
.product-card-actions {display:flex;align-items:center;gap:12px;}
.remove-product-btn {background:transparent;border:2px solid var(--danger);color:var(--danger);padding:8px 18px;border-radius:8px;cursor:pointer;font-size:13px;transition:all 0.3s ease;display:flex;align-items:center;gap:6px;font-weight:600;}
.remove-product-btn:hover {background:#fff1f0;transform:scale(1.05);box-shadow:0 2px 8px rgba(255,77,79,0.15);}
.product-card-body {padding:30px;display:block;transition:all 0.3s ease;}
.product-card.collapsed .product-card-body {display:none;}
.product-collapsed-preview {display:none;padding:18px 30px;background:#fafbfc;font-size:13px;color:var(--text-gray);}
.product-card.collapsed .product-collapsed-preview {display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.preview-item {display:flex;align-items:center;gap:8px;}
.preview-item strong {color:var(--text-main);font-weight:600;}
.preview-awards {display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.preview-award-tag {background:rgba(0,58,138,0.1);color:var(--brand-blue);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;}
.awards-section {margin:30px 0;padding:25px;background:#f8fbff;border-radius:12px;border:2px solid #e6f2ff;}
.awards-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.awards-limit {font-size:13px;color:var(--text-gray);display:flex;align-items:center;gap:6px;background:white;padding:8px 14px;border-radius:20px;border:1px solid #e0e0e0;}
.awards-count {color:var(--brand-blue);font-weight:700;font-size:15px;}
.awards-grid {display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:10px;}
.award-item {display:flex;align-items:center;justify-content:center;padding:16px 14px;border:2px solid #d9d9d9;border-radius:10px;cursor:pointer;transition:all 0.3s ease;background:var(--white);text-align:center;font-size:13px;font-weight:500;color:var(--text-main);position:relative;user-select:none;box-shadow:0 2px 6px rgba(0,0,0,0.04);}
.award-item:hover {border-color:var(--brand-blue);background:rgba(0,58,138,0.05);transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,0.1);}
.award-item.selected {border-color:var(--brand-blue);background:linear-gradient(135deg,rgba(0,58,138,0.12) 0%,rgba(0,58,138,0.06) 100%);color:var(--brand-blue);font-weight:700;box-shadow:0 4px 12px rgba(0,58,138,0.2);}
.award-item.selected::after {content:'\f00c';font-family:'Font Awesome 6 Pro';font-weight:900;position:absolute;top:-10px;right:-10px;width:24px;height:24px;background:var(--brand-blue);color:white;border-radius:50%;font-size:11px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,58,138,0.4);}
.award-item input[type="checkbox"] {display:none;}
.personnel-section {background:linear-gradient(135deg,#fffbf0 0%,#fffef8 100%);padding:30px;border-radius:14px;border:2px solid #fff7e6;margin-top:30px;}
.personnel-section-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;}
.personnel-section-title {font-size:17px;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:10px;}
.personnel-section-title i {color:var(--gold-accent);font-size:20px;}
.personnel-row {background:var(--white);padding:0;border-radius:12px;border:2px solid #e8e8e8;margin-bottom:18px;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.04);}
.personnel-row-header {display:flex;justify-content:space-between;align-items:center;padding:8px 25px;background:linear-gradient(135deg,#fffbf0 0%,#ffffff 100%);cursor:pointer;user-select:none;border-bottom:1px solid #fff7e6;}
.personnel-row-header:hover {background:linear-gradient(135deg,#fff7e6 0%,#fffbf5 100%);}
.personnel-row-title {font-weight:600;font-size:15px;color:var(--gold-accent);display:flex;align-items:center;gap:10px;}
.personnel-row-actions {display:flex;align-items:center;gap:15px;}
.personnel-collapse-icon {font-size:16px;color:var(--text-gray);transition:transform 0.3s ease;}
.personnel-row.collapsed .personnel-collapse-icon {transform:rotate(-90deg);}
.remove-personnel-btn {background:transparent;border:none;color:var(--danger);padding:8px;cursor:pointer;font-size:18px;transition:all 0.3s ease;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.remove-personnel-btn:hover {background:#fff1f0;transform:scale(1.15);}
.personnel-row-body {padding:25px;display:block;transition:all 0.3s ease;}
.personnel-row.collapsed .personnel-row-body {display:none;}
.personnel-basic-info {display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:15px;}
.personnel-intro {grid-column:1 / -1;}
.upload-area {margin:25px 0;padding:20px;background:white;border-radius:10px;border:1px solid #e8e8e8;}
.upload-box {border:2px dashed #c0c0c0;border-radius:10px;padding:35px 25px;text-align:center;cursor:pointer;transition:all 0.3s ease;background:#fafafa;}
.upload-box:hover {border-color:var(--brand-blue);background:rgba(0,58,138,0.03);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,58,138,0.08);}
.upload-icon {font-size:40px;color:#999;margin-bottom:14px;}
.upload-text {font-size:14px;color:#666;line-height:2;}
.upload-text span {display:block;font-size:12px;color:#999;margin-top:6px;}
.uploaded-files {margin-top:14px;display:flex;flex-wrap:wrap;gap:12px;}
.uploaded-file {display:flex;align-items:center;gap:10px;padding:10px 16px;background:#f0f5ff;border-radius:8px;font-size:13px;color:var(--text-main);border:1px solid #d6e4ff;transition:all 0.2s ease;}
.uploaded-file:hover {background:#e6f0ff;}
.uploaded-file i {color:var(--brand-blue);font-size:16px;}
.remove-file {cursor:pointer;color:var(--danger);margin-left:6px;font-size:16px;transition:all 0.2s ease;}
.remove-file:hover {transform:scale(1.2);}
.compact-upload-wrapper {display:flex;align-items:center;gap:12px;}
.compact-upload-btn {display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#e6f7ff 0%,#bae7ff 100%);border:2px solid var(--brand-blue);color:var(--brand-blue);border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,58,138,0.1);white-space:nowrap;}
.compact-upload-btn:hover {background:linear-gradient(135deg,#bae7ff 0%,#91d5ff 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,58,138,0.2);}
.compact-upload-btn i {font-size:15px;}
.btn {padding:12px 24px;border-radius:6px;cursor:pointer;border:none;font-size:14px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all 0.3s ease;font-family:inherit;}
.btn:disabled {opacity:0.6;cursor:not-allowed;}
.btn-primary {background:var(--brand-blue);color:var(--white);}
.btn-primary:hover:not(:disabled) {background:var(--brand-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,58,138,0.3);}
.btn-outline {background:transparent;border:2px solid var(--brand-blue);color:var(--brand-blue);}
.btn-outline:hover:not(:disabled) {background:rgba(0,58,138,0.05);}
.add-product-btn {border:2px solid var(--success);color:var(--success);background:linear-gradient(135deg,#f6ffed 0%,#d9f7be 100%);padding:11px 22px;font-weight:600;font-size:14px;border-radius:10px;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 8px rgba(82,196,26,0.12);}
.add-product-btn:hover {background:linear-gradient(135deg,#d9f7be 0%,#b7eb8f 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(82,196,26,0.25);}
.add-product-btn i {font-size:16px;}
.add-personnel-btn {display:inline-flex;align-items:center;gap:8px;border:2px solid var(--gold-accent);color:var(--gold-accent);background:linear-gradient(135deg,#fffbf0 0%,#fff7e6 100%);padding:11px 22px;font-weight:600;font-size:14px;border-radius:10px;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(197,160,101,0.12);}
.add-personnel-btn:hover {background:linear-gradient(135deg,#fff7e6 0%,#ffe7ba 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(197,160,101,0.25);}
.add-personnel-btn i {font-size:16px;}
.review-container {max-width:100%;}
.review-actions-header {display:flex;justify-content:flex-end;margin-bottom:20px;gap:10px;}
.btn-expand-all {background:var(--brand-blue);color:white;padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:all 0.3s ease;}
.btn-expand-all:hover {background:var(--brand-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,58,138,0.3);}
.review-card {background:var(--white);border:1px solid #e8e8e8;border-radius:12px;padding:25px 30px;margin-bottom:20px;box-shadow:var(--shadow-sm);}
.review-card-header {display:flex;align-items:center;gap:12px;padding-bottom:15px;margin-bottom:20px;border-bottom:2px solid var(--bg-light);}
.review-card-icon {width:40px;height:40px;background:linear-gradient(135deg,var(--brand-blue),var(--gold-accent));border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;font-size:18px;}
.review-card-title {font-size:18px;font-weight:600;color:var(--text-main);}
.info-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:20px 30px;}
.info-item {display:flex;flex-direction:column;}
.info-label {font-size:12px;color:var(--text-gray);margin-bottom:6px;font-weight:500;}
.info-value {font-size:14px;color:var(--text-main);font-weight:500;}
.info-value.empty {color:#ccc;font-style:italic;}
.info-item-full {grid-column:1 / -1;}
.info-value.long-text {background:#f8f9fa;padding:12px 15px;border-radius:6px;border:1px solid #e8e8e8;line-height:1.8;max-height:120px;overflow-y:auto;font-size:13px;}
.info-value.long-text::-webkit-scrollbar {width:5px;}
.info-value.long-text::-webkit-scrollbar-thumb {background:#ccc;border-radius:3px;}
.file-preview {display:inline-flex;align-items:center;gap:10px;padding:10px 15px;background:linear-gradient(135deg,#e6f7ff 0%,#bae7ff 100%);border-radius:8px;border:2px solid var(--brand-blue);cursor:pointer;transition:all 0.3s ease;}
.file-preview:hover {background:linear-gradient(135deg,#bae7ff 0%,#91d5ff 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,58,138,0.2);}
.file-preview i {font-size:20px;color:var(--brand-blue);}
.file-preview-text {flex:1;font-size:13px;color:var(--brand-blue);font-weight:600;}
.file-preview i.fa-download,.file-preview i.fa-eye {font-size:16px;}
.brand-review-section {margin-top:10px;}
.brand-review-wrapper {border:1px solid #e8e8e8;border-radius:8px;margin-bottom:15px;overflow:hidden;}
.brand-review-header {background:linear-gradient(135deg,#f0f7ff 0%,#e6f2ff 100%);padding:15px 20px;margin-bottom:0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;}
.brand-review-header:hover {background:linear-gradient(135deg,#e6f2ff 0%,#d6e9ff 100%);}
.brand-review-left {display:flex;align-items:center;gap:12px;}
.brand-review-number {width:32px;height:32px;background:var(--brand-blue);color:white;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;}
.brand-review-name {font-size:16px;font-weight:600;color:var(--brand-blue);}
.brand-review-collapse-icon {font-size:14px;color:var(--text-gray);transition:transform 0.3s ease;}
.brand-review-wrapper.collapsed .brand-review-collapse-icon {transform:rotate(-90deg);}
.brand-review-body {padding:20px;display:block;}
.brand-review-wrapper.collapsed .brand-review-body {display:none;}
.products-review-list {display:flex;flex-direction:column;gap:15px;margin-top:15px;}
.product-review-wrapper {background:#fafbfc;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;}
.product-review-header {display:flex;align-items:center;justify-content:space-between;padding:15px 18px;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);cursor:pointer;user-select:none;}
.product-review-header:hover {background:linear-gradient(135deg,#f0f2f5 0%,#fafafa 100%);}
.product-review-header-left {display:flex;align-items:center;gap:8px;}
.product-review-icon {width:28px;height:28px;background:linear-gradient(135deg,var(--success),#73d13d);border-radius:6px;display:flex;align-items:center;justify-content:center;color:white;font-size:12px;}
.product-review-title {font-size:14px;font-weight:600;color:var(--success);}
.product-review-collapse-icon {font-size:14px;color:var(--text-gray);transition:transform 0.3s ease;}
.product-review-wrapper.collapsed .product-review-collapse-icon {transform:rotate(-90deg);}
.product-review-preview {display:none;padding:12px 18px;font-size:12px;color:var(--text-gray);line-height:1.8;background:#fafbfc;}
.product-review-wrapper.collapsed .product-review-preview {display:block;}
.product-review-card {padding:18px;display:block;}
.product-review-wrapper.collapsed .product-review-card {display:none;}
.product-review-info {font-size:12px;line-height:1.8;color:var(--text-gray);margin-bottom:8px;}
.product-review-info strong {color:var(--text-main);font-weight:500;}
.product-review-awards {display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.award-tag {background:rgba(0,58,138,0.08);color:var(--brand-blue);padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500;}
.personnel-review-list {margin-top:10px;padding-top:10px;border-top:1px dashed #e0e0e0;}
.personnel-review-item {font-size:12px;padding:8px 10px;background:white;border-radius:4px;margin-bottom:6px;border-left:2px solid var(--gold-accent);}
.personnel-review-item:last-child {margin-bottom:0;}
.personnel-name {font-weight:600;color:var(--text-main);}
.personnel-position {color:var(--text-gray);}
.personnel-intro-text {color:var(--text-gray);font-size:11px;margin-top:4px;line-height:1.6;}
.footer-actions {position:fixed;bottom:0;left:0;right:0;background:var(--white);padding:18px 40px;box-shadow:0 -4px 16px rgba(0,0,0,0.1);display:flex;justify-content:center;gap:20px;z-index:999;}
.footer-btn {min-width:160px;height:48px;font-size:16px;}
.status-page {text-align:center;padding:80px 20px;}
.status-icon {font-size:80px;color:var(--success);margin-bottom:25px;}
.status-title {font-size:28px;font-weight:600;margin-bottom:15px;color:var(--text-main);}
.status-desc {color:var(--text-gray);font-size:15px;line-height:2;max-width:600px;margin:0 auto 40px;}
.file-modal {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:9999;align-items:center;justify-content:center;}
.file-modal.show {display:flex;}
.file-modal-content {background:white;border-radius:12px;padding:0;width:90%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(0,0,0,0.3);}
.file-modal-header {padding:20px 30px;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between;}
.file-modal-title {font-size:18px;font-weight:600;color:var(--text-main);}
.file-modal-close {background:transparent;border:none;font-size:24px;color:var(--text-gray);cursor:pointer;padding:5px 10px;transition:all 0.3s ease;}
.file-modal-close:hover {color:var(--danger);transform:scale(1.1);}
.file-modal-body {padding:0;flex:1;overflow:hidden;}
.file-modal-iframe {width:100%;height:70vh;border:none;}
		@media (max-width:1450px){
.content-wrapper {max-width:1000px;margin:0 auto;padding:30px 15px 15px;}
			.floating-nav{ width:150px; right: 5px;}
		}
		@media (max-width:1350px){
.content-wrapper {max-width:950px;margin:0 auto;padding:30px 15px 15px;}
			.floating-nav{ width:150px; right: 5px;}
		}
@media (max-width:1200px) {.floating-nav {display:none !important;}
.step2-main {max-width:100%;}
.awards-grid {grid-template-columns:repeat(2,1fr);}
.info-grid {grid-template-columns:repeat(2,1fr);}
}
@media (max-width:768px) {.top-navbar {padding:0 20px;height:60px;}
.navbar-logo {margin-right:0;}
.navbar-brand {font-size:16px;display:none;}
.navbar-logo img {height:32px;}
.navbar-menu {display:none;}
.mobile-menu-btn {display:block;}
.user-info {padding:4px 8px;}
.user-name {display:none;}
.logout-btn {padding:6px 12px;font-size:12px;}
.logout-btn span {display:none;}
.main-container {padding-top:60px;padding-bottom:80px;}
.content-wrapper {padding:20px 15px;}
.progress-container {padding:20px 15px;margin-bottom:20px;}
.steps-wrapper::before {left:30px;right:30px;}
.step-circle {width:36px;height:36px;font-size:14px;}
.step-text {font-size:12px;}
.form-section {padding:25px 20px;}
.section-title {font-size:20px;}
.section-title i {font-size:22px;}
.subsection-title {font-size:16px;flex-direction:column;align-items:flex-start;gap:10px;}
.form-row {flex-direction:column;gap:20px;}
.form-col {min-width:100%;}
.brand-card-body {padding:20px;}
.product-card-body {padding:20px;}
.awards-grid {grid-template-columns:1fr;}
.personnel-basic-info {grid-template-columns:1fr;}
.footer-actions {padding:12px 15px;}
.footer-btn {min-width:120px;font-size:14px;height:44px;}
.info-grid {grid-template-columns:1fr;gap:15px;}
}
@media (max-width:480px) {.awards-grid {grid-template-columns:1fr;}
}

.page-header {margin-bottom:40px;}
.page-title {font-size:32px;font-weight:600;color:var(--text-main);margin-bottom:8px;display:flex;align-items:center;gap:12px;}
.page-title i {font-size:28px;color:var(--brand-blue);}
.page-subtitle {font-size:14px;color:var(--text-gray);letter-spacing:0.5px;}
.rules-container {background:var(--white);border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden;}
.rules-header {background:linear-gradient(135deg,var(--brand-blue),#004ba8);color:var(--white);padding:30px 40px;position:relative;overflow:hidden;}
.rules-header::before {content:'';position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:rgba(255,255,255,0.08);border-radius:50%;}
.rules-header::after {content:'';position:absolute;bottom:-30%;left:-5%;width:200px;height:200px;background:rgba(255,255,255,0.05);border-radius:50%;}
.rules-header-content {position:relative;z-index:1;}
.rules-header-title {font-size:24px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:12px;}
.rules-header-title i {font-size:22px;}
.rules-header-desc {font-size:13px;opacity:0.9;letter-spacing:0.5px;}
.rules-content {padding:50px 40px;line-height:1.9;color:var(--text-main);}
.rules-content p {margin:16px 0;font-size:15px;text-align:justify;color:#333;}
.rules-content h1 {font-size:28px;font-weight:600;color:var(--brand-blue);margin:40px 0 20px;padding-bottom:12px;border-bottom:2px solid var(--gold-accent);position:relative;}
.rules-content h1::before {content:'';position:absolute;left:0;bottom:-2px;width:60px;height:2px;background:var(--brand-blue);}
.rules-content h2 {font-size:22px;font-weight:600;color:var(--brand-dark);margin:35px 0 18px;padding-left:16px;border-left:4px solid var(--brand-blue);}
.rules-content h3 {font-size:18px;font-weight:600;color:var(--text-main);margin:30px 0 15px;display:flex;align-items:center;gap:10px;}
.rules-content h3::before {content:'';width:6px;height:6px;background:var(--gold-accent);border-radius:50%;}
.rules-content h4 {font-size:16px;font-weight:600;color:var(--text-main);margin:25px 0 12px;}
.rules-content h5 {font-size:15px;font-weight:600;color:var(--text-gray);margin:20px 0 10px;}
.rules-content h6 {font-size:14px;font-weight:600;color:var(--text-gray);margin:18px 0 10px;}
.rules-content > p:first-of-type {font-size:16px;color:var(--text-gray);font-style:italic;padding:20px;background:var(--bg-light);border-left:4px solid var(--gold-accent);border-radius:4px;margin:0 0 30px;}
.rules-footer {padding:30px 40px;background:var(--bg-light);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;}
.rules-update-info {display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-gray);}
.rules-update-info i {font-size:14px;}
.back-to-top {background:var(--white);border:1px solid var(--border-color);padding:10px 24px;border-radius:20px;cursor:pointer;font-size:13px;color:var(--text-main);display:flex;align-items:center;gap:8px;transition:all 0.3s ease;}
.back-to-top:hover {background:var(--brand-blue);border-color:var(--brand-blue);color:var(--white);transform:translateY(-2px);}
@media (max-width:768px) {.top-navbar {padding:0 20px;height:60px;}
.navbar-logo {margin-right:0;}
.navbar-brand {font-size:16px;display:none;}
.navbar-logo img {height:32px;}
.navbar-menu {display:none;position:fixed;top:60px;left:0;right:0;background:var(--white);flex-direction:column;gap:0;padding:20px;box-shadow:var(--shadow-md);}
.navbar-menu.active {display:flex;}
.navbar-menu li {width:100%;}
.navbar-menu a {padding:15px 0;font-size:16px;}
.navbar-menu li.active::after {display:none;}
.navbar-menu li.active a {background:var(--bg-light);padding-left:15px;border-radius:8px;}
.mobile-menu-btn {display:block;}
.user-info {padding:4px 8px;}
.user-name {display:none;}
.logout-btn {padding:6px 12px;font-size:12px;}
.logout-btn span {display:none;}
.main-container {padding-top:60px;}
.content-wrapper {padding:20px 15px;}
.page-header {margin-bottom:25px;}
.page-title {font-size:24px;}
.page-title i {font-size:22px;}
.rules-header {padding:25px 20px;}
.rules-header-title {font-size:20px;}
.rules-content {padding:30px 20px;}
.rules-content h1 {font-size:22px;margin:30px 0 15px;}
.rules-content h2 {font-size:18px;margin:25px 0 12px;}
.rules-content h3 {font-size:16px;margin:20px 0 10px;}
.rules-content p {font-size:14px;}
.rules-footer {padding:20px;flex-direction:column;gap:15px;text-align:center;}
}


.page-desc {font-size:14px;color:var(--text-gray);}
.filter-bar {background:var(--white);border-radius:12px;padding:20px 30px;margin-bottom:20px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.filter-tabs {display:flex;gap:10px;flex:1;}
.filter-tab {padding:10px 20px;border-radius:8px;border:2px solid transparent;background:var(--bg-light);color:var(--text-gray);cursor:pointer;font-size:14px;font-weight:500;transition:all 0.3s ease;display:flex;align-items:center;gap:8px;}
.filter-tab:hover {background:rgba(0,58,138,0.05);color:var(--brand-blue);}
.filter-tab.active {background:var(--brand-blue);color:var(--white);border-color:var(--brand-blue);}
.filter-tab .count {background:rgba(255,255,255,0.3);padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600;}
.filter-tab.active .count {background:rgba(255,255,255,0.25);}
.filter-actions {display:flex;gap:12px;align-items:center;}
.new-registration-btn {background:linear-gradient(135deg,var(--brand-blue),var(--brand-dark));color:var(--white);padding:10px 24px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:600;transition:all 0.3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px rgba(0,58,138,0.3);}
.new-registration-btn:hover {transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,58,138,0.4);}
.registration-list {display:flex;flex-direction:column;gap:20px;}
.registration-card {background:var(--white);border-radius:12px;padding:0;box-shadow:var(--shadow-card);transition:all 0.3s ease;overflow:hidden;border:2px solid transparent;}
.registration-card:hover {box-shadow:var(--shadow-lg);border-color:var(--brand-blue);transform:translateY(-2px);}
.card-header {padding:25px 30px;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border-bottom:2px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;}
.card-header-left {display:flex;align-items:center;gap:20px;flex:1;}
.card-id {background:linear-gradient(135deg,var(--brand-blue),var(--brand-dark));color:var(--white);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;}
.card-company {flex:1;}
.company-name {font-size:18px;font-weight:600;color:var(--text-main);margin-bottom:4px;}
.company-info {font-size:13px;color:var(--text-gray);display:flex;align-items:center;gap:15px;}
.status-badge {padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;}
.status-badge i {font-size:12px;}
.status-pending {background:linear-gradient(135deg,#fff7e6 0%,#ffe7ba 100%);color:#d48806;border:2px solid #ffd591;}
.status-approved {background:linear-gradient(135deg,#f6ffed 0%,#d9f7be 100%);color:#389e0d;border:2px solid #b7eb8f;}
.status-rejected {background:linear-gradient(135deg,#fff1f0 0%,#ffccc7 100%);color:#cf1322;border:2px solid #ffa39e;}
.status-draft {background:linear-gradient(135deg,#f0f0f0 0%,#d9d9d9 100%);color:#595959;border:2px solid #bfbfbf;}
.card-body {padding:30px;}
.info-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:20px 30px;margin-bottom:25px;}
.info-item {display:flex;flex-direction:column;}
.info-label {font-size:12px;color:var(--text-gray);margin-bottom:6px;font-weight:500;}
.info-value {font-size:14px;color:var(--text-main);font-weight:600;}
.brands-summary {background:linear-gradient(135deg,#f0f7ff 0%,#e6f2ff 100%);padding:20px;border-radius:10px;border:2px solid #bae7ff;}
.summary-title {font-size:14px;font-weight:600;color:var(--brand-blue);margin-bottom:15px;display:flex;align-items:center;gap:8px;}
.brands-list {display:flex;flex-direction:column;gap:12px;}
.brand-item {background:var(--white);padding:15px;border-radius:8px;border:1px solid #d6e4ff;}
.brand-header {display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.brand-name {font-size:15px;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:8px;}
.brand-name i {color:var(--brand-blue);font-size:14px;}
.product-count {font-size:12px;color:var(--text-gray);background:rgba(0,58,138,0.08);padding:4px 10px;border-radius:12px;}
.products-tags {display:flex;flex-wrap:wrap;gap:8px;}
.product-tag {background:rgba(0,58,138,0.06);color:var(--brand-blue);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px;}
.product-tag i {font-size:10px;}
.card-footer {padding:20px 30px;background:#fafbfc;border-top:2px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;}
.card-footer-left {font-size:13px;color:var(--text-gray);display:flex;align-items:center;gap:20px;}
.card-actions {display:flex;gap:10px;}
.btn {padding:10px 20px;border-radius:8px;cursor:pointer;border:none;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all 0.3s ease;}
.btn-primary {background:var(--brand-blue);color:var(--white);}
.btn-primary:hover {background:var(--brand-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,58,138,0.3);}
.btn-outline {background:transparent;border:2px solid var(--border-color);color:var(--text-gray);}
.btn-outline:hover {border-color:var(--brand-blue);color:var(--brand-blue);background:rgba(0,58,138,0.05);}
.btn-danger {background:transparent;border:2px solid var(--danger);color:var(--danger);}
.btn-danger:hover {background:var(--danger);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,77,79,0.3);}
.empty-state {text-align:center;padding:80px 20px;background:var(--white);border-radius:12px;box-shadow:var(--shadow-sm);}
.empty-icon {font-size:80px;color:#d9d9d9;margin-bottom:20px;}
.empty-title {font-size:18px;font-weight:600;color:var(--text-main);margin-bottom:10px;}
.empty-desc {font-size:14px;color:var(--text-gray);margin-bottom:30px;}
.modal-overlay {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:9999;align-items:center;justify-content:center;padding:20px;}
.modal-overlay.show {display:flex;}
.modal-content {background:var(--white);border-radius:16px;max-width:1200px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(0,0,0,0.3);animation:modalSlideIn 0.3s ease;}
@keyframes modalSlideIn {from {opacity:0;transform:translateY(-50px);}
to {opacity:1;transform:translateY(0);}
}
.modal-header {padding:25px 30px;border-bottom:2px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;}
.modal-title {font-size:20px;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:12px;}
.modal-title i {color:var(--brand-blue);}
.modal-close {background:transparent;border:none;font-size:24px;color:var(--text-gray);cursor:pointer;padding:5px 10px;transition:all 0.3s ease;border-radius:6px;}
.modal-close:hover {color:var(--danger);background:rgba(255,77,79,0.1);}
.modal-body {padding:30px;overflow-y:auto;flex:1;}
.modal-body::-webkit-scrollbar {width:6px;}
.modal-body::-webkit-scrollbar-thumb {background:#ccc;border-radius:3px;}
.detail-section {margin-bottom:30px;padding:25px;background:#f8f9fa;border-radius:12px;border:2px solid #e6e6e6;}
.detail-section:last-child {margin-bottom:0;}
.section-title {font-size:18px;font-weight:600;color:var(--brand-blue);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #bae7ff;display:flex;align-items:center;gap:10px;}
.section-title i {font-size:20px;}
.subsection-title {font-size:16px;font-weight:600;color:var(--text-main);margin:20px 0 15px;display:flex;align-items:center;gap:8px;padding:12px 15px;background:var(--white);border-radius:8px;border-left:4px solid var(--brand-blue);}
.subsection-title i {color:var(--brand-blue);}
.product-detail {background:var(--white);padding:20px;border-radius:10px;margin-bottom:20px;border:2px solid #e6e6e6;}
.product-detail:last-child {margin-bottom:0;}
.product-header {display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding-bottom:15px;border-bottom:2px dashed #e6e6e6;}
.product-name-detail {font-size:16px;font-weight:600;color:var(--brand-blue);display:flex;align-items:center;gap:8px;}
.product-name-detail i {font-size:18px;}
.file-link {color:var(--brand-blue);text-decoration:none;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(0,58,138,0.08);border-radius:6px;font-size:13px;font-weight:500;transition:all 0.3s ease;}
.file-link:hover {background:rgba(0,58,138,0.15);transform:translateX(3px);}
.text-content {line-height:1.8;color:var(--text-main);}
.image-gallery {display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-top:10px;}
.gallery-item {position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;cursor:pointer;border:2px solid #e6e6e6;transition:all 0.3s ease;}
.gallery-item:hover {transform:scale(1.05);box-shadow:var(--shadow-md);border-color:var(--brand-blue);}
.gallery-item img {width:100%;height:100%;object-fit:cover;}
.perfumer-card {background:linear-gradient(135deg,#f0f7ff 0%,#e6f2ff 100%);padding:20px;border-radius:10px;border:2px solid #bae7ff;margin-top:10px;}
.perfumer-header {display:flex;align-items:center;gap:15px;margin-bottom:15px;}
.perfumer-icon {width:50px;height:50px;background:var(--brand-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:20px;}
.perfumer-basic {flex:1;}
.perfumer-name {font-size:16px;font-weight:600;color:var(--text-main);margin-bottom:4px;}
.perfumer-position {font-size:13px;color:var(--text-gray);}
.perfumer-contact {display:flex;gap:20px;margin-bottom:12px;font-size:13px;color:var(--text-gray);}
.perfumer-intro {font-size:14px;line-height:1.8;color:var(--text-main);}
.image-viewer {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.95);z-index:99999;align-items:center;justify-content:center;}
.image-viewer.show {display:flex;}
.image-viewer img {max-width:90%;max-height:90%;object-fit:contain;border-radius:8px;}
.viewer-close {position:absolute;top:30px;right:30px;background:var(--white);color:var(--text-main);border:none;width:50px;height:50px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;}
.viewer-close:hover {background:var(--danger);color:var(--white);transform:rotate(90deg);}
.award-tag {display:inline-block;padding:6px 14px;background:linear-gradient(135deg,#fff7e6 0%,#ffe7ba 100%);color:#d48806;border:2px solid #ffd591;border-radius:20px;font-size:13px;font-weight:600;margin-right:8px;margin-bottom:8px;}
@media (max-width:1200px) {.info-grid {grid-template-columns:repeat(3,1fr);}
}
@media (max-width:768px) {.top-navbar {padding:0 20px;height:60px;}
.navbar-logo {margin-right:0;}
.navbar-brand {font-size:16px;display:none;}
.navbar-logo img {height:32px;}
.navbar-menu {display:none;}
.mobile-menu-btn {display:block;}
.user-info {padding:4px 8px;}
.user-name {display:none;}
.logout-btn {padding:6px 12px;font-size:12px;}
.logout-btn span {display:none;}
.main-container {padding-top:60px;}
.content-wrapper {padding:20px 15px;}
.page-title {font-size:22px;}
.filter-bar {padding:15px 20px;}
.filter-tabs {width:100%;flex-wrap:wrap;}
.filter-actions {width:100%;justify-content:stretch;}
.new-registration-btn {width:100%;justify-content:center;}
.card-header {padding:20px;flex-direction:column;align-items:flex-start;gap:15px;}
.card-header-left {flex-direction:column;align-items:flex-start;gap:12px;width:100%;}
.company-info {flex-direction:column;align-items:flex-start;gap:8px;}
.card-body {padding:20px;}
.info-grid {grid-template-columns:repeat(2,1fr);gap:15px 20px;}
.card-footer {padding:15px 20px;flex-direction:column;gap:15px;}
.card-footer-left {width:100%;flex-direction:column;align-items:flex-start;gap:8px;}
.card-actions {width:100%;flex-direction:column;}
.btn {width:100%;}
.modal-content {max-width:100%;max-height:95vh;}
.modal-header {padding:20px;}
.modal-body {padding:20px;}
.detail-section {padding:20px;}
.image-gallery {grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;}
}
.company-contact {font-weight:normal;color:var(--text-gray);font-size:13px;margin-left:6px;}
.toast-msg {position:fixed;top:20%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.75);color:#fff;padding:10px 18px;border-radius:6px;font-size:14px;z-index:9999;animation:fadeIn 0.3s;}
@keyframes fadeIn {from {opacity:0;transform:translate(-50%,-10px);}
to {opacity:1;transform:translate(-50%,0);}
}
.upload-box.small-upload {height:110px;padding:10px;font-size:13px;}
.upload-box.small-upload .upload-icon {font-size:26px;margin-bottom:6px;}
.upload-box.small-upload .upload-text span {display:block;font-size:12px;color:#999;}
.economic-table-section {margin-top:14px;}
.economic-table-wrapper {overflow-x:auto;}
.economic-table {width:100%;border-collapse:collapse;margin-top:8px;font-size:14px;text-align:center;}
.economic-table th,.economic-table td {border:1px solid #ccc;padding:6px 8px;vertical-align:middle;}
.economic-table thead th {background-color:#f5f5f5;font-weight:600;}
.economic-input {width:100%;border:none;text-align:center;padding:4px;outline:none;font-size:14px;}
.economic-input:focus {background-color:#f9f9f9;border-bottom:1px solid #aaa;}
.declaration-box {background:#fff7e6;border:1px solid #ffd591;border-left:4px solid #faad14;padding:14px 18px;border-radius:8px;margin-bottom:20px;}
.declaration-title {font-size:16px;font-weight:600;margin-bottom:8px;color:#333;}
.declaration-list {margin:0;padding-left:20px;color:#555;font-size:14px;line-height:1.6;}
.declaration-list li {margin-bottom:6px;}
.view-reg-btn {background:#f8f9fa;border:1px solid #007bff;border-radius:4px;color:#007bff;cursor:pointer;transition:background .2s;}
.view-reg-btn:hover {background:#007bff;color:#fff;}
.xz20261222355-info-three-column {display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;background:#f9f9f9;padding:12px 16px;border-radius:6px;gap:20px;margin-top:20px;}
.xz20261222355-info-item {flex:1;min-width:200px;font-size:15px;line-height:1.8;}
.xz20261222355-info-item strong {color:#222;}
.xz20261222355-info-item span {color:#333;font-weight:500;}
.xz20261222355-two-column,.xz20261222355-three-column {display:flex;gap:25px;margin-top:15px;flex-wrap:wrap;}
.xz20261222355-column {flex:1;min-width:280px;font-size:14px;}
.xz20261222355-text-content {margin-top:6px;white-space:pre-wrap;line-height:1.6;color:#444;font-size:14px;background:#fafafa;padding:8px 10px;border-radius:4px;border:1px solid #eee;}
.xz20261222355-economic-section {margin-top:25px;}
.xz20261222355-economic-wrapper {margin-top:8px;overflow-x:auto;}
.xz20261222355-economic-table {width:100%;border-collapse:collapse;text-align:center;border:1px solid #ccc;font-size:14px;}
.xz20261222355-economic-table thead tr {background:#f5f7fa;}
.xz20261222355-economic-table th,.xz20261222355-economic-table td {padding:8px;border:1px solid #ccc;}
.xz20261222355-economic-table td {color:#333;}
.xz20261222355-economic-table th {font-weight:600;color:#111;}
.xz20261222355-award-options {display:grid !important;grid-template-columns:1fr 1fr;align-items:center;gap:25px 40px;margin-top:8px;width:100%;}
.xz20261222355-award-options label {display:flex !important;align-items:center;justify-content:flex-start;gap:8px;cursor:pointer;font-size:15px;color:#333;white-space:nowrap;}
.xz20261222355-award-options input[type="radio"] {appearance:none;width:18px;height:18px;border:2px solid #bbb;border-radius:50%;transition:all 0.2s ease;cursor:pointer;position:relative;margin:0;}
.xz20261222355-award-options input[type="radio"]:checked {border-color:#007bff;background-color:#007bff;box-shadow:inset 0 0 0 4px #fff;}
.xz20261222355-award-options span {font-weight:500;color:#222;}