:root{--primary:#2a64c3;--primary-light:#3a74d3;--primary-dark:#1a54b3;--secondary:#19aeda;--secondary-light:#29beea;--secondary-dark:#099eca;--accent:#f9a51a;--accent-light:#fab42a;--accent-dark:#e9950a;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--info:#17a2b8;--dark:#343a40;--light:#f8f9fa;--medium:#6c757d;--text-primary:#212529;--text-secondary:#495057;--text-muted:#6c757d;--border-color:#dee2e6;--box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075);--box-shadow-sm:0 0.125rem 0.25rem rgba(0,0,0,0.05);--box-shadow-lg:0 0.5rem 1rem rgba(0,0,0,0.15);--border-radius:0.5rem;--border-radius-lg:0.75rem;--border-radius-sm:0.25rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:3rem}body{font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;color:var(--text-primary);background-color:#f5f7fa;line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:600;line-height:1.2;margin-bottom:0.75rem;color:var(--dark)}h1,.h1{font-size:2.25rem}h2,.h2{font-size:1.8rem}h3,.h3{font-size:1.5rem}h4,.h4{font-size:1.2rem}h5,.h5{font-size:1rem}h6,.h6{font-size:0.875rem}a{color:var(--primary);text-decoration:none;transition:color 0.2s ease,text-decoration 0.2s ease}a:hover,a:focus{color:var(--primary-dark);text-decoration:underline}.btn{border-radius:var(--border-radius);padding:0.5rem 1.25rem;font-weight:500;letter-spacing:0.01em;transition:all 0.25s ease}.btn:hover{transform:translateY(-2px);box-shadow:var(--box-shadow)}.btn-primary{background-color:var(--primary);border-color:var(--primary)}.btn-primary:hover,.btn-primary:focus{background-color:var(--primary-dark);border-color:var(--primary-dark)}.btn-secondary{background-color:var(--secondary);border-color:var(--secondary)}.btn-secondary:hover,.btn-secondary:focus{background-color:var(--secondary-dark);border-color:var(--secondary-dark)}.btn-outline-primary{color:var(--primary);border-color:var(--primary)}.btn-outline-primary:hover,.btn-outline-primary:focus{background-color:var(--primary);color:white}.card{border:none;border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);transition:transform 0.3s ease,box-shadow 0.3s ease;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-lg)}.card-header{background-color:white;border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem}.card-body{padding:1.5rem}.card-footer{background-color:rgba(0,0,0,0.02);border-top:1px solid var(--border-color);padding:1rem 1.5rem}.navbar{padding:0.75rem 1rem;box-shadow:0 2px 10px rgba(0,0,0,0.08)}.navbar-brand{font-weight:700;font-size:1.25rem}.navbar-brand img{margin-right:0.5rem}.nav-link{font-weight:500;padding:0.5rem 1rem;transition:color 0.2s ease}.nav-link:hover{color:var(--primary)}.nav-link.active{color:var(--primary);font-weight:600}.form-control{border-radius:var(--border-radius);padding:0.5rem 1rem;border:1px solid var(--border-color);transition:border-color 0.2s ease,box-shadow 0.2s ease}.form-control:focus{border-color:var(--primary-light);box-shadow:0 0 0 0.2rem rgba(42,100,195,0.25)}.form-label{font-weight:500;margin-bottom:0.5rem;color:var(--text-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.float-element{background-color:white;border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);transition:transform 0.3s ease,box-shadow 0.3s ease;margin-top:1.5rem;margin-bottom:1.5rem}.badge{padding:0.4em 0.65em;font-weight:500;border-radius:var(--border-radius-sm)}.badge.bg-primary{background-color:var(--primary)!important}.badge.bg-secondary{background-color:var(--secondary)!important}.badge.bg-success{background-color:var(--success)!important}.badge.bg-danger{background-color:var(--danger)!important}.pagination{margin-top:1.5rem}.pagination .page-link{color:var(--primary);border:none;border-radius:var(--border-radius-sm);margin:0 0.15rem;padding:0.5rem 0.75rem}.pagination .page-item.active .page-link{background-color:var(--primary);color:white}.pagination .page-link:hover{background-color:rgba(42,100,195,0.1);color:var(--primary-dark)}.dropdown-menu{border:none;border-radius:var(--border-radius-sm);box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);padding:0.5rem 0}.dropdown-item{padding:0.5rem 1.5rem;font-weight:400;color:var(--text-primary)}.dropdown-item:hover{background-color:rgba(42,100,195,0.1);color:var(--primary)}.dropdown-item.active,.dropdown-item:active{background-color:var(--primary);color:white}.review-content{margin-bottom:1.5rem}.review-content .card-header{display:flex;align-items:center;padding:1rem 1.5rem}.review-content .avatar-ssm{margin-right:0.75rem}.review-content .card-body{padding:1.25rem 1.5rem}.review-action-btn{padding:0.35rem 0.75rem;border-radius:var(--border-radius);font-size:0.875rem;transition:all 0.2s ease;display:inline-flex;align-items:center;margin-right:0.75rem;background-color:#f8f8f8;border:1px solid #e0e0e0}.review-action-btn:hover{background-color:#f0f0f0}.review-action-btn i{margin-right:0.3rem}.review-action-btn.active{color:var(--primary);background-color:rgba(42,100,195,0.1);border-color:var(--primary-light)}@media (max-width:768px){body{font-size:14px}h1,.h1{font-size:1.8rem}h2,.h2{font-size:1.5rem}h3,.h3{font-size:1.3rem}.card-body,.card-header,.card-footer{padding:1rem}.float-element{padding:1rem}.navbar{padding:0.5rem 1rem}}.shadow-sm{box-shadow:var(--box-shadow-sm)!important}.shadow{box-shadow:var(--box-shadow)!important}.shadow-lg{box-shadow:var(--box-shadow-lg)!important}.tooltip{font-size:0.875rem}.tooltip-inner{padding:0.5rem 1rem;border-radius:var(--border-radius)}.modal-content{border:none;border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg)}.modal-header{border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--border-color);padding:1.25rem 1.5rem}.table{margin-bottom:0}.table th{font-weight:600;color:var(--text-secondary);background-color:rgba(0,0,0,0.02)}.table td,.table th{padding:0.85rem 1.25rem;vertical-align:middle}.list-group{border-radius:var(--border-radius);overflow:hidden}.list-group-item{padding:1rem 1.25rem;border-color:var(--border-color)}.progress{height:0.75rem;border-radius:var(--border-radius);overflow:hidden;background-color:#e9ecef}.progress-bar{background-color:var(--primary)}.alert{border:none;border-radius:var(--border-radius);padding:1rem 1.25rem}.alert-primary{color:#1d4992;background-color:#d9e6ff}.alert-success{color:#155724;background-color:#d4edda}.alert-warning{color:#856404;background-color:#fff3cd}.alert-danger{color:#721c24;background-color:#f8d7da}#gotop{position:fixed;right:30px;bottom:30px;width:50px;height:50px;border-radius:50%;background-color:var(--primary);color:white;text-align:center;line-height:50px;z-index:99;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,0.2);transition:all 0.3s ease}#gotop:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.3)}.hover-lift{transition:transform 0.3s ease,box-shadow 0.3s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-lg)}