.image-carousel-section{padding:48px 24px;background-color:#f8fafc}.image-carousel-container{max-width:1200px;margin:0 auto}.image-carousel-header{text-align:center;margin-bottom:32px}.image-carousel-title{font-size:28px;font-weight:600;color:#0f172a;margin-bottom:8px;font-family:Inter,sans-serif}.image-carousel-subtitle{font-size:16px;color:#475569;font-family:Inter,sans-serif}.image-carousel{position:relative}.image-slide{padding:0 8px}.image-frame{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;background-color:#fff}.image-frame img{width:100%;height:4me50px;object-fit:cover;transition:transform .3s ease}.image-frame:hover img{transform:scale(1.05)}.image-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#000c,#0000);color:#f8fafc;padding:16px;font-size:14px;font-weight:500;font-family:Inter,sans-serif}.slick-slider{position:relative}.slick-list{overflow:hidden;border-radius:12px}.slick-track{display:flex;align-items:center}.slick-slide{height:auto}.slick-dots{bottom:-40px}.slick-dots li button:before{color:#2563eb;opacity:.5}.slick-dots li.slick-active button:before{opacity:1}.slick-next,.slick-prev{width:40px;height:40px;background-color:#2563eb;border-radius:50%;z-index:1}.slick-next:before,.slick-prev:before{color:#f8fafc;font-size:16px}.slick-prev{left:-20px}.slick-next{right:-20px}@media (max-width:768px){.image-carousel-section{padding:24px 16px}.image-carousel-title{font-size:24px}.slick-next,.slick-prev{display:none!important}}.notfound-wrapper{justify-content:center;min-height:calc(100vh - 120px);padding:100px 20px 60px;background-color:#fcf9f9;text-align:center;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.notfound-card,.notfound-wrapper{display:flex;flex-direction:column;align-items:center}.notfound-card{background:#fff;border:1px solid #ba000014;box-shadow:0 10px 30px #ba00000a,0 1px 8px #00000005;border-radius:20px;padding:40px;max-width:580px;width:100%;transition:transform .3s ease,box-shadow .3s ease}.notfound-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #ba000014,0 2px 12px #00000008}.notfound-img-container{width:100%;max-width:320px;margin-bottom:24px;animation:float 4s ease-in-out infinite}.notfound-img{width:100%;height:auto;border-radius:16px;display:block}.notfound-title{font-size:32px;font-weight:800;color:#1a1a1a;margin:0 0 12px;line-height:1.2}.notfound-title span{background:linear-gradient(135deg,#ba0000,#6f0000);-webkit-background-clip:text;-webkit-text-fill-color:#0000}.notfound-text{font-size:16px;color:#555;margin:0 0 32px;line-height:1.6;max-width:440px}.notfound-actions{display:flex;gap:16px;width:100%;justify-content:center}.notfound-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:15px;font-weight:600;border-radius:10px;text-decoration:none;transition:all .25s ease;cursor:pointer;border:none}.notfound-btn-primary{background:linear-gradient(135deg,#ba0000,#8a0000);color:#fff;box-shadow:0 4px 12px #ba000033}.notfound-btn-primary:hover{background:linear-gradient(135deg,#a30000,#6f0000);box-shadow:0 6px 18px #ba00004d;transform:translateY(-1px)}.notfound-btn-secondary{background:#fff;color:#ba0000;border:1px solid #ba0000}.notfound-btn-secondary:hover{background:#fff5f5;box-shadow:0 4px 12px #ba000014;transform:translateY(-1px)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width:480px){.notfound-card{padding:30px 20px}.notfound-title{font-size:26px}.notfound-text{font-size:14px}.notfound-actions{flex-direction:column;width:100%}.notfound-btn{width:100%}}.employee-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ba0000,#6f0000);padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.employee-login-box{background:#fff;padding:40px;border-radius:14px;box-shadow:0 16px 40px #00000040;width:100%;max-width:420px;animation:employeeSlideUp .5s ease-out}@keyframes employeeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.employee-login-header{text-align:center;margin-bottom:30px}.employee-login-box h1{color:#ba0000;margin:0 0 6px;font-size:28px;font-weight:700;letter-spacing:-.02em}.employee-login-box .login-subtitle{color:#64748b;margin:0;font-size:14px;font-weight:500}.employee-login-box .error-message{background-color:#fee2e2;color:#991b1b;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;border-left:4px solid #dc2626;display:flex;align-items:center;gap:10px}.employee-login-box .error-icon{font-size:18px;flex-shrink:0}.employee-login-box .form-group{margin-bottom:20px}.employee-login-box .form-group label{display:block;margin-bottom:8px;color:#1e293b;font-weight:600;font-size:14px}.employee-login-box .form-group input[type=password],.employee-login-box .form-group input[type=text]{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.employee-login-box .form-group input[type=password]:focus,.employee-login-box .form-group input[type=text]:focus{outline:none;border-color:#ba0000;box-shadow:0 0 0 3px #ba00001f}.employee-login-box .login-button{width:100%;padding:13px;background:linear-gradient(135deg,#ba0000,#6f0000);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #ba00004d}.employee-login-box .login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ba000066}.employee-login-box .login-button:disabled{opacity:.65;cursor:not-allowed}.employee-login-box .login-footer{text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid #f1f5f9}.employee-login-box .login-footer a{color:#ba0000;text-decoration:none;font-size:14px;font-weight:600}.employee-login-box .login-footer a:hover{text-decoration:underline}.employee-create-form-page,.employee-form-container{padding:24px}.employee-form{width:100%;max-width:960px;margin:0}.employee-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px 20px;gap:18px 20px;margin-bottom:26px}.employee-form-full{grid-column:1/-1}.employee-form-group{display:flex;flex-direction:column;gap:6px}.employee-form-group label{font-size:13px;font-weight:600;color:#1e293b;letter-spacing:.01em}.employee-form-group input,.employee-form-group select,.employee-form-group textarea,.employee-input{width:100%;min-height:44px;padding:10px 14px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;color:#0f172a;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.employee-form-group textarea,textarea.employee-input{min-height:100px;resize:vertical}.employee-form-group input::placeholder,.employee-form-group textarea::placeholder,.employee-input::placeholder{color:#94a3b8}.employee-form-group input:focus,.employee-form-group select:focus,.employee-form-group textarea:focus,.employee-input:focus{outline:none;border-color:#ba0000;box-shadow:0 0 0 3px #ba00001f}.employee-form-group input:disabled,.employee-input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.employee-error{font-size:12px;color:#dc2626;margin-top:2px}.employee-info-text{display:inline-flex;align-items:center;margin-top:4px;padding:4px 10px;border-radius:999px;background:#fff5f5;color:#ba0000;font-size:12px;font-weight:600;width:-moz-fit-content;width:fit-content;border:1px solid #ffe8e8}.employee-form-checkbox{flex-direction:row;align-items:center;margin-top:28px;gap:8px}.employee-form-checkbox label{margin:0;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600}.employee-form-checkbox input{width:18px;height:18px;accent-color:#ba0000;cursor:pointer}.employee-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #f1f5f9}@media (max-width:768px){.employee-create-form-page,.employee-form-container{padding:16px}.employee-form-grid{grid-template-columns:1fr}.employee-form-checkbox{margin-top:8px}}.employee-dashboard-container{width:100%;min-height:100vh;padding-top:0;background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#0f172a;box-sizing:border-box}.employee-route-loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:16px;color:#64748b;background:#f8fafc}.employee-grid{display:grid;grid-template-columns:260px minmax(0,1fr);grid-gap:24px;gap:24px;width:100%;max-width:100%;margin:0;padding:24px 24px 40px;box-sizing:border-box}.employee-sidebar{background:#fff;border-radius:14px;padding:20px;border:1px solid #f1f5f9;box-shadow:0 4px 20px #0000000a;display:flex;flex-direction:column;gap:16px;height:-moz-fit-content;height:fit-content}.employee-sidebar-brand{font-size:18px;font-weight:700;color:#0f172a;letter-spacing:-.02em}.employee-sidebar-profile{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff5f5;border:1px solid #ffe8e8;border-radius:12px;min-width:0;overflow:hidden}.employee-sidebar-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ba0000,#6f0000);color:#fff;font-size:17px;box-shadow:0 3px 10px #ba000040;flex-shrink:0}.employee-nav-item svg,.employee-sidebar-avatar svg,.employee-sidebar-logout svg,.employee-stat-icon svg{width:18px;height:18px;flex-shrink:0}.employee-sidebar-profile-info{min-width:0;flex:1 1;overflow:hidden}.employee-sidebar-name{color:#1e293b;font-size:13px;line-height:1.3}.employee-sidebar-name,.employee-sidebar-role{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.employee-sidebar-role{font-size:11.5px;color:#ba0000;margin-top:1px}.employee-sidebar-nav{display:flex;flex-direction:column;gap:6px}.employee-nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;color:#475569;text-decoration:none;font-weight:500;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.employee-nav-item:hover{background:#fff5f5;color:#ba0000}.employee-nav-item.active{background:linear-gradient(90deg,#ba0000,#6f0000);color:#fff;font-weight:600;box-shadow:0 4px 14px #ba000040}.employee-sidebar-logout{margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.employee-sidebar-logout:hover{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 4px 12px #dc262640}.employee-main-content{display:flex;flex-direction:column;gap:20px;min-width:0;width:100%}.employee-dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;padding:20px 24px;border-radius:14px;border:1px solid #f1f5f9;box-shadow:0 4px 20px #0000000a}.employee-dashboard-header h1{margin:0;font-size:26px;font-weight:700;color:#0f172a;letter-spacing:-.02em}.employee-dashboard-eyebrow{margin:0 0 4px;text-transform:uppercase;letter-spacing:.09em;font-size:11px;color:#ba0000;font-weight:700}.employee-dashboard-user-chip{padding:8px 16px;border-radius:999px;background:#fff5f5;border:1px solid #ffe8e8;color:#8b0000;font-size:13px;font-weight:500}.employee-dashboard-user-chip strong{color:#ba0000;font-weight:700}.employee-dashboard-section{background:#fff;border-radius:14px;padding:24px;border:1px solid #f1f5f9;box-shadow:0 4px 20px #0000000a}.employee-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.employee-stat-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:14px;background:linear-gradient(145deg,#fff,snow);border:1px solid #fee2e2;box-shadow:0 4px 16px #ba000008;transition:all .25s ease}.employee-stat-card:hover{transform:translateY(-2px);border-color:#fca5a5;box-shadow:0 8px 24px #ba000014}.employee-stat-card p{margin:0 0 4px;font-size:12px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.employee-stat-card h2{margin:0;font-size:18px;font-weight:700;color:#0f172a}.employee-stat-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#ba0000,#6f0000);color:#fff;font-size:20px;box-shadow:0 4px 12px #ba000040;flex-shrink:0}.employee-welcome-panel{border-top:3px solid #ba0000}.employee-welcome-panel h2{margin:0 0 10px;color:#0f172a;font-size:22px;font-weight:700}.employee-detail-card h3{margin:0 0 16px;color:#0f172a;font-size:17px;font-weight:700;padding-bottom:10px;border-bottom:2px solid #f1f5f9}.employee-panel-kicker{margin:0 0 6px;color:#ba0000;font-weight:700;text-transform:uppercase;letter-spacing:.09em;font-size:11px}.employee-welcome-panel p:last-child{margin-bottom:0;line-height:1.65;color:#475569;font-size:14.5px}.employee-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px;background:#0000!important;border:none!important;box-shadow:none!important;padding:0!important}.employee-account-card{background:#fff;border-radius:14px;padding:24px;border:1px solid #f1f5f9;box-shadow:0 4px 20px #0000000a;display:flex;flex-direction:column;gap:20px}.employee-account-profile-hero{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid #f1f5f9}.employee-account-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ba0000,#6f0000);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:700;box-shadow:0 4px 14px #ba000040;flex-shrink:0}.employee-account-hero-info h4{margin:0 0 4px;font-size:18px;font-weight:700;color:#0f172a}.employee-account-hero-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#64748b}.employee-account-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.employee-account-field-item{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;transition:all .2s ease}.employee-account-field-item:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.employee-account-field-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.employee-account-field-val{font-size:14px;font-weight:600;color:#0f172a;word-break:break-all}.employee-account-field-full{grid-column:1/-1}.employee-dashboard-shortcuts{display:flex;flex-direction:column;gap:10px;margin-top:6px}.employee-shortcut-link{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;text-decoration:none;font-size:13.5px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.employee-shortcut-link:hover{background:#fff5f5;border-color:#fecaca;color:#ba0000;transform:translateX(4px)}.employee-shortcut-link svg{width:16px;height:16px;transition:transform .2s ease}.employee-shortcut-link:hover svg{transform:translateX(2px)}.employee-security-checklist{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.employee-security-item{display:flex;align-items:flex-start;gap:12px;font-size:13.5px;color:#475569;line-height:1.5}.employee-security-icon{width:22px;height:22px;border-radius:50%;background:#dcfce7;color:#16a34a;display:grid;place-items:center;font-size:12px;font-weight:800;flex-shrink:0;margin-top:1px}@media (max-width:960px){.employee-grid{padding:20px 16px 36px}.employee-card-grid,.employee-details-grid,.employee-grid{grid-template-columns:1fr}.employee-dashboard-header{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width:640px){.employee-dashboard-container{padding-top:0}.employee-grid{padding:14px 12px 28px;gap:14px}.employee-account-card,.employee-dashboard-header,.employee-dashboard-section,.employee-sidebar{padding:16px;border-radius:12px}.employee-dashboard-header h1{font-size:22px}.employee-account-fields-grid{grid-template-columns:1fr}.employee-account-profile-hero{flex-direction:column;align-items:flex-start;gap:12px}}.employee-empty-state{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.employee-empty-icon{width:80px;height:80px;margin:0 auto 20px;color:#ccc}.employee-empty-icon svg{width:100%;height:100%}.employee-empty-title{margin:0 0 12px;font-size:20px;font-weight:600;color:#333}.employee-empty-description{margin:0 0 24px;font-size:14px;color:#666;max-width:400px}.employee-empty-action{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.employee-toast-container{position:fixed;top:24px;right:24px;z-index:9999;max-width:400px;pointer-events:none}.employee-toast{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;margin-bottom:12px;border-radius:8px;background:#fff;border-left:4px solid #ba0000;box-shadow:0 8px 24px #0000001f;animation:employeeToastSlideIn .3s ease-out;pointer-events:all;font-size:14px;color:#1e293b}@keyframes employeeToastSlideIn{0%{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}.employee-toast-success{border-left-color:#16a34a;background:#f0fdf4}.employee-toast-error{border-left-color:#dc2626;background:#fef2f2}.employee-toast-warning{border-left-color:#d97706;background:#fffbeb}.employee-toast-info{border-left-color:#ba0000;background:#fff5f5}.employee-toast-content{display:flex;align-items:center;gap:10px}.employee-toast-close{background:#0000;border:none;font-size:18px;cursor:pointer;color:#94a3b8;padding:0 4px}.employee-toast-close:hover{color:#0f172a}.employee-rbac-container{display:flex;flex-direction:column;gap:24px;width:100%;min-width:0}.employee-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:10px}.employee-section-title-wrap{display:flex;align-items:center;gap:10px;color:#ba0000}.employee-section-header h3{margin:0;font-size:17px;font-weight:700;color:#0f172a}.employee-section-subtitle{margin:4px 0 0;font-size:13px;color:#64748b}.employee-count-pill{padding:4px 12px;border-radius:20px;background:#f1f5f9;border:1px solid #e2e8f0;font-size:12px;font-weight:600;color:#475569}.employee-roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:18px;gap:18px}.employee-role-card{padding:20px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:14px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000005}.employee-role-card:hover{border-color:#fca5a5;box-shadow:0 6px 20px #ba000014;transform:translateY(-2px)}.employee-role-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.employee-role-code-tag{display:inline-block;padding:3px 8px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:11.5px;font-family:Monaco,Courier,monospace;color:#475569;font-weight:700;letter-spacing:.02em}.employee-role-card-body{display:flex;flex-direction:column;gap:6px;flex-grow:1}.employee-role-card-title{margin:0;font-size:16px;font-weight:700;color:#0f172a}.employee-role-desc{margin:0;font-size:13px;color:#64748b;line-height:1.5}.employee-role-card-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid #f1f5f9;align-items:center}.employee-permission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:18px;gap:18px}.employee-permission-item{padding:20px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:14px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000005}.employee-permission-item:hover{border-color:#fca5a5;box-shadow:0 6px 20px #ba000014;transform:translateY(-2px)}.employee-permission-item-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.employee-permission-checkbox{display:flex;align-items:center;gap:10px}.employee-permission-checkbox input{cursor:pointer;width:17px;height:17px;accent-color:#ba0000}.employee-permission-checkbox label{margin:0;font-size:14.5px;font-weight:600;color:#0f172a;cursor:pointer}.employee-permission-description{margin:0 0 12px;font-size:13px;color:#64748b;line-height:1.45;flex-grow:1}.employee-permission-item-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid #f8fafc;flex-wrap:wrap}.employee-permission-key{display:inline-block;padding:4px 8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-family:Monaco,Courier,monospace;font-size:11px;color:#ba0000;white-space:nowrap}.employee-permission-btn-group{display:inline-flex;gap:6px}.employee-info-text{text-align:center;color:#64748b;padding:36px 16px;font-size:14px}.employee-page-actions{display:flex;gap:10px;align-items:center}.employee-profile-banner{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid #f1f5f9;margin-bottom:20px}.employee-large-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ba0000,#6f0000);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:700;flex-shrink:0;box-shadow:0 4px 14px #ba000040}.employee-profile-header-info h3{margin:0;font-size:19px;font-weight:700;color:#0f172a}.employee-profile-fields-grid{display:grid;grid-gap:14px;gap:14px}.employee-profile-field{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #f8fafc;gap:12px}.employee-profile-field-label{font-size:13px;font-weight:500;color:#64748b}.employee-profile-field-value{font-size:13.5px;font-weight:600;color:#0f172a;text-align:right;word-break:break-all}.employee-my-permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:14px;gap:14px}.employee-permission-chip{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;transition:all .2s ease}.employee-permission-chip:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000a}.employee-permission-check-icon{width:22px;height:22px;border-radius:50%;background:#dcfce7;color:#15803d;display:grid;place-items:center;font-size:12px;font-weight:800;flex-shrink:0;margin-top:2px}.employee-permission-chip-title{font-size:13.5px;font-weight:600;color:#0f172a;margin-bottom:4px}.employee-assign-container{display:flex;flex-direction:column;gap:20px;width:100%}.employee-assign-hero{background:#fff;border-radius:14px;border:1px solid #f1f5f9;padding:24px;box-shadow:0 4px 20px #0000000a;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.employee-assign-profile{display:flex;align-items:center;gap:16px}.employee-assign-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#ba0000,#6f0000);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:700;box-shadow:0 4px 14px #ba000040;flex-shrink:0}.employee-assign-name{margin:0 0 4px;font-size:18px;font-weight:700;color:#0f172a}.employee-assign-meta{gap:8px;font-size:13px;color:#64748b}.employee-assign-meta,.employee-assign-stats{display:flex;align-items:center;flex-wrap:wrap}.employee-assign-stats{gap:12px}.employee-stat-badge{display:flex;flex-direction:column;align-items:center;padding:8px 16px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;min-width:80px}.employee-stat-badge-num{font-size:18px;font-weight:700;color:#0f172a}.employee-stat-badge-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.employee-stat-badge.allowed{background:#f0fdf4;border-color:#bbf7d0}.employee-stat-badge.allowed .employee-stat-badge-num{color:#16a34a}.employee-stat-badge.denied{background:#fef2f2;border-color:#fecaca}.employee-stat-badge.denied .employee-stat-badge-num{color:#dc2626}.employee-assign-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.employee-assign-filter-input{max-width:340px;width:100%}.employee-quick-actions{display:flex;gap:8px;flex-wrap:wrap}.employee-override-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));grid-gap:16px;gap:16px}.employee-override-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000005}.employee-override-card:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #0000000f;transform:translateY(-1px)}.employee-override-card.status-allow{border-color:#86efac;background:#fafdfb}.employee-override-card.status-deny{border-color:#fca5a5;background:snow}.employee-override-header{display:flex;align-items:flex-start;gap:12px}.employee-override-icon{width:36px;height:36px;border-radius:8px;background:#fff5f5;color:#ba0000;display:grid;place-items:center;flex-shrink:0}.employee-override-icon svg{width:18px;height:18px}.employee-override-info{flex:1 1}.employee-override-title{font-size:15px;font-weight:700;color:#0f172a;margin:0 0 4px}.employee-override-desc{font-size:13px;color:#64748b;margin:0 0 8px;line-height:1.45}.employee-segmented-control{display:grid;grid-template-columns:repeat(3,1fr);background:#f1f5f9;padding:3px;border-radius:8px;grid-gap:2px;gap:2px}.employee-segmented-btn{padding:6px 8px;font-size:12px;font-weight:600;border-radius:6px;border:none;background:#0000;color:#64748b;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.employee-segmented-btn:hover:not(.active){color:#0f172a;background:#fff9}.employee-segmented-btn.active.default{background:#fff;color:#334155;box-shadow:0 1px 3px #0000001a}.employee-segmented-btn.active.allow{background:#16a34a;color:#fff;box-shadow:0 2px 6px #16a34a4d}.employee-segmented-btn.active.deny{background:#dc2626;color:#fff;box-shadow:0 2px 6px #dc26264d}.employee-assign-footer{background:#fff;border-radius:14px;border:1px solid #f1f5f9;padding:16px 24px;box-shadow:0 4px 20px #0000000a;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.employee-role-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.employee-role-select-card{padding:18px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:10px}.employee-role-select-card:hover{border-color:#fca5a5;transform:translateY(-2px);box-shadow:0 4px 14px #ba000014}.employee-role-select-card.selected{border-color:#ba0000;background:#fff9f9;box-shadow:0 4px 16px #ba00001f}.employee-role-select-header{display:flex;justify-content:space-between;align-items:center}.employee-role-radio{width:20px;height:20px;border-radius:50%;border:2px solid #cbd5e1;display:grid;place-items:center;transition:all .2s ease}.employee-role-select-card.selected .employee-role-radio{border-color:#ba0000;background:#ba0000}.employee-role-radio-dot{width:8px;height:8px;border-radius:50%;background:#fff}.employee-role-select-name{margin:0;font-size:16px;font-weight:700;color:#0f172a}.employee-role-select-desc{margin:0;font-size:13px;color:#64748b;line-height:1.45}@media (max-width:1024px){.employee-rbac-container{grid-template-columns:1fr}}@media (max-width:768px){.employee-my-permissions-grid,.employee-override-grid,.employee-permission-grid,.employee-role-select-grid,.employee-roles-grid{grid-template-columns:1fr;gap:14px}.employee-assign-hero{flex-direction:column;align-items:flex-start;padding:18px;gap:16px}.employee-assign-stats{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.employee-stat-badge{min-width:0;padding:8px 4px;text-align:center}.employee-stat-badge-num{font-size:16px}.employee-stat-badge-label{font-size:10px}.employee-assign-toolbar{flex-direction:column;align-items:stretch;gap:12px}.employee-assign-filter-input{max-width:100%}.employee-quick-actions{width:100%;display:flex;flex-wrap:wrap;gap:6px}.employee-quick-actions .employee-btn{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 4px);font-size:12px;padding:7px 10px}.employee-assign-footer{flex-direction:column;align-items:stretch;padding:16px;gap:14px}.employee-assign-footer .employee-page-actions{width:100%;display:flex;gap:8px}.employee-assign-footer .employee-page-actions .employee-btn{flex:1 1}.employee-segmented-control{width:100%}.employee-segmented-btn{font-size:11px;padding:6px 2px}.employee-profile-banner{flex-direction:column;align-items:flex-start;gap:12px}.employee-profile-field{flex-direction:column;align-items:flex-start;gap:4px}.employee-profile-field-value{text-align:left}}@media (max-width:480px){.employee-assign-stats{grid-template-columns:repeat(2,1fr)}.employee-quick-actions .employee-btn{flex:1 1 100%}}.employee-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-wrap:wrap}.employee-page-title{margin:0 0 4px;font-size:22px;font-weight:700;color:#0f172a;letter-spacing:-.02em}.employee-page-subtitle{margin:0;font-size:13.5px;color:#64748b}.employee-list-search-bar{margin-bottom:20px}.employee-search-form{display:flex;gap:10px;align-items:center;max-width:600px}.employee-search-input-wrapper{position:relative;flex:1 1;display:flex;align-items:center}.employee-search-input-wrapper svg{position:absolute;left:14px;color:#94a3b8;pointer-events:none}.employee-search-input{width:100%;padding:11px 14px 11px 38px;border:1px solid #cbd5e1;border-radius:10px;font-size:14px;font-family:inherit;background:#fff;color:#0f172a;transition:all .2s ease;box-shadow:0 1px 2px #0000000a}.employee-search-input:focus{outline:none;border-color:#ba0000;box-shadow:0 0 0 3px #ba00001f}.employee-table-card{padding:0!important;overflow:hidden;width:100%;max-width:100%;min-width:0;border-radius:14px;background:#fff;border:1px solid #f1f5f9;box-shadow:0 4px 20px #0000000a}.employee-table-responsive{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;display:block}.employee-table{width:100%;border-collapse:initial;border-spacing:0;font-size:13.5px;text-align:left}.employee-table thead th{background:#f8fafc;padding:12px 14px;font-weight:600;color:#475569;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0;white-space:nowrap}.employee-table tbody tr{transition:background .15s ease}.employee-table tbody tr:hover{background:#fff8f8}.employee-table tbody td{padding:12px 14px;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:#1e293b}.employee-table tbody tr:last-child td{border-bottom:none}.employee-avatar-name-cell{display:flex;align-items:center;gap:10px;font-weight:600;color:#0f172a;white-space:nowrap}.employee-mini-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ba0000,#8b0000);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;flex-shrink:0;box-shadow:0 2px 6px #ba000033}.employee-code-badge{display:inline-block;padding:3px 8px;border-radius:6px;background:#f1f5f9;border:1px solid #e2e8f0;font-family:Monaco,Courier,monospace;font-size:12px;color:#475569;font-weight:600}.employee-role-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;background:#fff5f5;color:#991b1b;border:1px solid #ffe8e8;font-size:12.5px;font-weight:600;white-space:nowrap}.employee-cell-muted{color:#64748b!important;font-size:13.5px}.employee-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.employee-status-badge:before{content:"";width:6px;height:6px;border-radius:50%}.employee-status-active{background:#dcfce7;color:#15803d}.employee-status-active:before{background:#16a34a}.employee-status-inactive{background:#fee2e2;color:#b91c1c}.employee-status-inactive:before{background:#dc2626}.employee-actions-group,.employee-btn{display:inline-flex;align-items:center;gap:6px}.employee-btn{justify-content:center;padding:9px 18px;border-radius:8px;border:none;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap}.employee-btn-primary{background:linear-gradient(135deg,#ba0000,#6f0000);color:#fff;box-shadow:0 3px 10px #ba000038}.employee-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #ba000059}.employee-btn-secondary{background:#f1f5f9;color:#334155;border:1px solid #cbd5e1}.employee-btn-secondary:hover:not(:disabled){background:#e2e8f0;color:#0f172a}.employee-btn-outline{border:1px solid #e2e8f0;background:#fff;color:#334155}.employee-btn-outline:hover:not(:disabled){background:#fff5f5;border-color:#fecaca;color:#ba0000;box-shadow:0 2px 6px #ba000014}.employee-btn-small{padding:5px 11px;font-size:12.5px;border-radius:6px}.employee-btn:disabled{opacity:.5;cursor:not-allowed}.employee-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:12px}.employee-pagination-info{font-size:13.5px;color:#64748b}.employee-pagination-info strong{color:#0f172a}@media (max-width:640px){.employee-page-header{flex-direction:column;align-items:stretch;gap:14px}.employee-page-header .employee-btn{width:100%}.employee-search-form{flex-direction:column;width:100%;gap:8px}.employee-search-form .employee-btn,.employee-search-input-wrapper{width:100%}.employee-pagination{flex-direction:column;align-items:center;text-align:center;gap:10px}.employee-pagination .employee-btn{width:100%}}.employee-spinner-fullpage{display:flex;justify-content:center;align-items:center;min-height:60vh}.employee-spinner{border:3px solid #fee2e2;border-top-color:#ba0000;border-radius:50%;animation:employeeSpinnerRotate .8s linear infinite}@keyframes employeeSpinnerRotate{to{transform:rotate(1turn)}}.employee-spinner-small{width:20px;height:20px;border-width:2px}.employee-spinner-medium{width:40px;height:40px;border-width:3px}.employee-spinner-large{width:60px;height:60px;border-width:4px}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ba0000,#6f0000);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.admin-login-box{background:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 40px #0003;width:100%;max-width:420px;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-login-header{text-align:center;margin-bottom:30px}.admin-login-box h1{color:#ba0000;margin:0 0 5px;font-size:28px}.login-subtitle{color:#666;margin:0;font-size:14px;font-weight:500}.error-message{background-color:#fee;color:#c33;padding:12px 15px;border-radius:5px;margin-bottom:20px;font-size:14px;border-left:4px solid #c33;display:flex;align-items:center;gap:10px;animation:slideDown .3s ease-out}.error-icon{font-size:18px;flex-shrink:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;font-size:14px;transition:border-color .3s,box-shadow .3s;box-sizing:border-box}.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=text]:focus{outline:none;border-color:#ba0000;box-shadow:0 0 0 3px #ba000026}.form-group input[type=email]:disabled,.form-group input[type=password]:disabled,.form-group input[type=text]:disabled{background-color:#f5f5f5;cursor:not-allowed;color:#999}.recaptcha-group{display:flex;justify-content:center;margin:25px 0 20px}.recaptcha-group iframe{max-width:100%}.login-btn{width:100%;padding:12px;background:linear-gradient(135deg,#ba0000,#6f0000);color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #ba000066}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{width:16px;height:16px;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-footer{margin-top:25px;padding-top:20px;border-top:1px solid #eee;text-align:center}.security-note{margin:0;font-size:13px;color:#666;line-height:1.5}@media (max-width:480px){.admin-login-box{padding:30px 20px}.admin-login-box h1{font-size:24px}.form-group input{font-size:16px}}.dashboard-container{width:100%;min-height:100vh;padding-top:0;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body.admin-mobile-menu-open{overflow:hidden}.admin-grid{display:grid;grid-template-columns:260px 1fr;grid-gap:24px;gap:24px;max-width:none;margin:0;padding:20px 20px 30px}.mobile-sidebar-backdrop{display:none}.sidebar{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 12px #0000000f}.sidebar,.sidebar-top{display:flex;flex-direction:column;gap:12px}.sidebar-brand-wrapper{display:flex;align-items:center;justify-content:space-between}.sidebar-brand{font-size:18px;font-weight:700;color:#333}.sidebar-profile{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff5f5;border-radius:10px;border:1px solid #ffe8e8;min-width:0;overflow:hidden}.sidebar-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ba0000,#6f0000);color:#fff;font-size:17px;flex-shrink:0}.sidebar-avatar svg{width:19px;height:19px}.sidebar-profile-info{min-width:0;flex:1 1;overflow:hidden}.sidebar-name{color:#1e293b;font-size:13px;line-height:1.3}.sidebar-name,.sidebar-role{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sidebar-role{font-size:11.5px;color:#ba0000;margin-top:1px}.sidebar-nav{display:flex;flex-direction:column;gap:8px;margin-top:12px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;color:#444;text-decoration:none;font-weight:500}.nav-item span{font-size:14px}.nav-item:not(.has-dropdown).active,.nav-item:not(.has-dropdown):hover{background:linear-gradient(90deg,#ba0000,#6f0000);color:#fff}.nav-item.has-dropdown{position:relative;flex-direction:column;align-items:stretch;padding:0;gap:0;background:#0000!important}.has-dropdown .dropdown-toggle{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;background:#0000;color:#444;width:100%;text-align:left;border:none;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500}.has-dropdown .dropdown-toggle.active,.has-dropdown .dropdown-toggle:hover{background:linear-gradient(90deg,#ba0000,#6f0000);color:#fff}.dropdown-menu{margin-top:4px;display:flex;flex-direction:column;gap:4px;padding-left:20px;margin-bottom:8px}.dropdown-item{padding:8px 12px;border-radius:6px;color:#444;text-decoration:none;font-size:14px}.dropdown-section-label{display:block;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#888;padding:8px 12px 4px;margin-top:4px}.dropdown-item.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.dropdown-item.active,.dropdown-item:hover{background:linear-gradient(90deg,#ba0000,#6f0000);color:#fff}.sidebar-logout{margin-top:auto;display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ff6b6b;color:#fff;border:none;border-radius:6px;cursor:pointer}.dashboard-header{justify-content:space-between;margin-bottom:20px;background:#fff;padding:18px 20px;border-radius:8px;box-shadow:0 2px 8px #0000000f}.dashboard-header,.header-left{display:flex;align-items:center}.header-left{gap:12px}.admin-dashboard-eyebrow{margin:0 0 4px;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#ba0000;font-weight:700}.admin-dashboard-user-chip{padding:8px 16px;border-radius:999px;background:#fff5f5;color:#374151;font-size:13px;border:1px solid #ffe8e8}.dashboard-header h1{color:#333;margin:0;font-size:26px}.logout-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ff4757;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:background .3s}.logout-btn:hover{background:#ee3746}.dashboard-actions{margin-bottom:20px;display:flex;flex-wrap:wrap;gap:12px}.create-blog-btn,.create-blog-btn-empty{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ba0000,#6f0000);color:#fff;text-decoration:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;border:none;transition:transform .2s,box-shadow .2s}.dashboard-actions .create-blog-btn{margin-left:0!important}.create-blog-btn-empty:hover,.create-blog-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #ba000066}.empty-state{box-shadow:0 2px 8px #0000001a}.empty-state p{color:#999;font-size:18px;margin-bottom:20px}.create-blog-btn-empty{display:inline-flex;margin-top:20px}.dashboard-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:18px;color:#666}.blogs-list{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.blogs-table thead{background:#f9f9f9;border-bottom:2px solid #e0e0e0}.blogs-table th{padding:15px;color:#333;font-size:14px}.blogs-table tbody tr{transition:background .2s}.blogs-table tbody tr:hover{background:#fafafa}.blogs-table td{padding:15px;color:#666}.blog-title{font-weight:500;max-width:300px;word-break:break-word}.status-badge{padding:4px 12px;text-transform:uppercase}.status-badge.published{background:#d4f4dd;color:#0d9488}.status-badge.draft{background:#fef3c7;color:#b45309}.actions-cell{display:flex;gap:10px}.blogs-list{overflow-x:auto}.blogs-table{min-width:680px}.action-btn{display:flex;gap:5px;padding:6px 12px;border:none;font-size:13px;text-decoration:none;transition:all .2s;font-weight:500}.action-btn.edit{background:#e3f2fd;color:#1976d2}.action-btn.edit:hover{background:#bbdefb}.action-btn.delete{background:#ffebee}.action-btn.delete:hover{background:#ffcdd2}.mobile-menu-toggle,.mobile-sidebar-close{display:none}@media (max-width:768px){.dashboard-container{padding-top:0}.admin-grid{grid-template-columns:1fr;gap:16px;padding:12px}.mobile-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#11182780;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:39}.mobile-sidebar-backdrop.show{opacity:1;pointer-events:auto}.sidebar{position:fixed;left:0;top:0;width:min(85vw,320px);height:100vh;border-radius:0;z-index:40;transform:translateX(-105%);transition:transform .25s ease;overflow-y:auto}.sidebar.mobile-open{transform:translateX(0)}.mobile-menu-toggle,.mobile-sidebar-close{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;cursor:pointer;flex-shrink:0}.mobile-menu-toggle svg,.mobile-sidebar-close svg{width:18px;height:18px}.main-area{order:1;min-width:0}.dashboard-header{padding:12px;margin-bottom:12px;gap:10px;align-items:center;justify-content:flex-start}.dashboard-header h1{font-size:20px;line-height:1.3;word-break:break-word}.dashboard-header>div:last-child{display:none}.dashboard-actions{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}.create-blog-btn,.create-blog-btn-empty{width:100%;justify-content:center;padding:11px 16px;font-size:14px}.blogs-table td,.blogs-table th{padding:10px}.actions-cell{flex-direction:column}.action-btn{width:100%;justify-content:center}.dashboard-section{padding:16px;margin-top:16px}.dashboard-section h2{font-size:16px}.categories-overview{gap:8px}.category-badge{font-size:12px;padding:6px 12px}}.dashboard-section{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 12px #0000000f;margin-top:24px}.dashboard-section h2{font-size:18px;font-weight:600;color:#333;margin-bottom:16px}.empty-state-mini{text-align:center;padding:30px 20px;color:#999}.empty-state-mini p{font-size:14px;margin-bottom:12px}.link-btn{display:inline-block;padding:8px 16px;background:linear-gradient(90deg,#ba0000,#6f0000);color:#fff;text-decoration:none;border-radius:6px;font-size:13px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.link-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ba00004d}.categories-overview{display:flex;flex-wrap:wrap;gap:12px}.category-badge{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,#ba0000,#6f0000);color:#fff;border-radius:20px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #ba000033;transition:transform .2s ease}.category-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ba00004d}.category-badge span{display:inline-block}.upload-list-header,.upload-manager-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.upload-list-note,.upload-subtitle{margin:6px 0 0;color:#6b7280;font-size:14px;line-height:1.5}.upload-grid{display:grid;grid-template-columns:minmax(320px,420px) minmax(320px,1fr);grid-gap:20px;gap:20px;margin-top:20px}.upload-panel{border:1px solid #e5e7eb;border-radius:16px;padding:20px;background:radial-gradient(circle at top right,#ba000014,#0000 35%),#fff}.upload-panel h3{margin:0 0 16px;color:#111827;font-size:18px}.upload-toolbar{display:flex;gap:10px;flex-wrap:wrap}.upload-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer}.upload-toolbar-btn.secondary{background:#f3f4f6;color:#1f2937}.upload-toolbar-btn.secondary:hover{box-shadow:none;transform:translateY(-1px)}.create-blog-btn:disabled,.link-btn:disabled,.upload-mode-btn:disabled,.upload-toolbar-btn.disabled,.upload-toolbar-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none;box-shadow:none;transform:none}.upload-mode-toggle{display:inline-flex;gap:8px;padding:6px;border-radius:14px;background:#f3f4f6;margin-bottom:18px}.upload-mode-btn{border:none;border-radius:10px;padding:10px 16px;background:#0000;color:#4b5563;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.upload-mode-btn.active{background:linear-gradient(135deg,#ba0000,#6f0000);color:#fff}.upload-input-label,.upload-selection-title{display:block;color:#111827;font-weight:600;margin-bottom:10px}.upload-input{width:100%;padding:12px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#374151}.upload-empty-state,.upload-file-card,.upload-hint-box,.upload-raw-response,.upload-result-card,.upload-selection-card{border-radius:14px}.upload-selection-card{margin-top:18px;padding:16px;background:#f8fafc;border:1px solid #e5e7eb}.upload-file-list,.upload-result-list,.upload-selection-list{display:grid;grid-gap:12px;gap:12px}.upload-selection-list{margin:0;padding:0;list-style:none}.upload-file-meta,.upload-selection-item{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.upload-selection-item{padding:10px 0;border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px}.upload-selection-item:last-child{border-bottom:none;padding-bottom:0}.upload-empty-note{color:#6b7280;font-size:14px}.upload-actions-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.upload-hint-box{margin-top:18px;padding:14px 16px;background:linear-gradient(135deg,#eef2ff,#f8fafc);border:1px solid #dbeafe;color:#475569;font-size:13px;line-height:1.7}.upload-feedback{margin-top:16px;padding:12px 14px;border-radius:12px;font-size:14px;font-weight:500}.upload-feedback.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.upload-feedback.success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.upload-file-card,.upload-result-card{padding:16px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 6px 24px #0f172a0d}.upload-file-card{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.upload-file-card-main{min-width:0;flex:1 1 320px}.upload-file-name{font-size:15px;font-weight:700;color:#111827;word-break:break-word}.upload-file-meta{margin-top:8px;color:#6b7280;font-size:13px}.upload-card-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}.upload-file-link{display:inline-block;margin-top:10px;color:#2563eb;font-size:13px;text-decoration:none;word-break:break-all}.upload-file-link:hover{text-decoration:underline}.upload-list-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.upload-list-summary{color:#6b7280;font-size:13px;font-weight:500}.upload-page-size-control{display:inline-flex;align-items:center;gap:8px;color:#374151;font-size:13px;font-weight:600}.upload-page-size-control select{min-width:78px;padding:8px 10px;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#111827;font-size:13px}.upload-pagination{justify-content:space-between;gap:12px;margin-top:18px}.upload-pagination,.upload-pagination-pages{display:flex;align-items:center;flex-wrap:wrap}.upload-pagination-pages{gap:8px}.upload-pagination-btn,.upload-pagination-page{min-width:42px;min-height:42px;border-radius:10px}.upload-pagination-page{border:1px solid #d1d5db;background:#fff;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.upload-pagination-page:hover{border-color:#93c5fd;color:#1d4ed8}.upload-pagination-page.active{border-color:#2563eb;background:#2563eb;color:#fff}.upload-pagination-gap{color:#9ca3af;font-size:14px;font-weight:700;padding:0 2px}.upload-empty-state{padding:28px 20px;background:#f8fafc;border:1px dashed #cbd5e1;color:#6b7280;text-align:center}.upload-raw-response{margin-top:16px;padding:16px;background:#0f172a;color:#e2e8f0;font-size:12px;overflow-x:auto}@media (max-width:960px){.upload-grid{grid-template-columns:1fr}}@media (max-width:768px){.upload-file-card,.upload-list-header,.upload-manager-header{flex-direction:column}.upload-list-controls,.upload-pagination,.upload-pagination-pages{width:100%}.upload-pagination-pages{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;gap:8px;padding-bottom:4px}.upload-pagination{align-items:stretch}.upload-actions-row,.upload-card-actions,.upload-toolbar{width:100%}.upload-actions-row .create-blog-btn,.upload-actions-row .link-btn,.upload-card-actions .link-btn,.upload-pagination-btn,.upload-toolbar .link-btn{width:100%;justify-content:center}.upload-pagination-page{width:auto;min-width:42px;flex:0 0 auto}}.all-blogs-container{max-width:none;margin:0}.blogs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.blogs-header h2{font-size:20px;font-weight:600;color:#333;margin:0}.btn-create{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(90deg,#ba0000,#6f0000);color:#fff;text-decoration:none;border-radius:6px;font-size:14px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.btn-create:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ba00004d}.blogs-filters{background:#fff;padding:16px;border-radius:6px;margin-bottom:20px;box-shadow:0 2px 8px #0000000f}.filter-group{display:flex;align-items:center;gap:16px}.filter-group label{font-size:14px;font-weight:600;color:#333;margin:0}.filter-buttons{display:flex;gap:8px}.filter-btn{padding:8px 16px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;font-size:13px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:#e8e8e8;border-color:#bbb}.filter-btn.active{background:linear-gradient(90deg,#ba0000,#6f0000);color:#fff;border-color:#ba0000}.empty-state{box-shadow:0 2px 8px #0000000f}.btn-create-empty{display:inline-block;padding:10px 20px;background:linear-gradient(90deg,#ba0000,#6f0000);color:#fff;text-decoration:none;border-radius:6px;font-size:14px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.btn-create-empty:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ba00004d}.blogs-table-container,.blogs-table-wrapper{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000f;margin-bottom:24px}.blogs-table{width:100%;border-collapse:collapse}.blogs-table thead{background:linear-gradient(135deg,#ba0000,#6f0000);color:#fff}.blogs-table th{padding:16px;text-align:left;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.blogs-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.blogs-table tbody tr:hover{background-color:#f9f9f9}.blogs-table td{padding:16px;font-size:14px}.blog-title{font-weight:600;color:#333}.title-text{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-category{color:#ba0000;font-weight:500}.blog-status{text-align:center}.status-badge{display:inline-block}.blog-date{color:#999;font-size:13px}.blog-actions{display:flex;gap:8px}.action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:#0000;border:1px solid #ddd;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.action-btn.edit{color:#ba0000;border-color:#ba0000}.action-btn.edit:hover{background:#ba0000;color:#fff}.action-btn.delete{color:#d32f2f;border-color:#d32f2f}.action-btn.delete:hover{background:#d32f2f;color:#fff}.pagination-section{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000000f;display:flex;justify-content:space-between;align-items:center;gap:20px}.pagination-info{font-size:13px;color:#666;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;font-size:13px;font-weight:600;color:#333;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:linear-gradient(90deg,#ba0000,#6f0000);color:#fff;border-color:#ba0000}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;gap:4px;align-items:center}.pagination-number{width:32px;height:32px;padding:0;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;font-size:12px;font-weight:600;color:#333;cursor:pointer;transition:all .2s ease}.pagination-number:hover:not(:disabled){border-color:#ba0000;color:#ba0000}.pagination-number.active{background:linear-gradient(90deg,#ba0000,#6f0000);color:#fff;border-color:#ba0000}.pagination-number:disabled{opacity:.5;cursor:not-allowed}.pagination-gap{padding:6px 8px;color:#888;font-weight:600}@media (max-width:768px){.blogs-header{flex-direction:column;align-items:flex-start}.blogs-table-container,.blogs-table-wrapper{overflow-x:auto;overflow-y:hidden}.blogs-table{font-size:12px;min-width:760px}.blogs-table td,.blogs-table th{padding:12px 8px}.title-text{max-width:150px}.action-btn{padding:6px 8px;font-size:11px}.pagination-section{flex-direction:column;align-items:flex-start;width:100%;margin-bottom:8px}.pagination-controls{width:100%;flex-wrap:wrap;min-width:0;row-gap:10px}.pagination-btn{white-space:nowrap}.pagination-numbers{width:100%;max-width:100%;overflow:visible;flex-wrap:wrap;padding-bottom:0}.filter-group{flex-direction:column;align-items:flex-start;width:100%}.filter-buttons{width:100%}.filter-btn{flex:1 1}}.banner-admin-page{display:grid;grid-gap:24px;gap:24px}.loading-state{color:#6f7785;font-size:15px}.blog-form{background:#fff;padding:24px;border-radius:8px}.form-row{grid-gap:20px;gap:20px;margin-bottom:20px}.form-row.full{grid-template-columns:1fr}.form-group.full-width{grid-column:1/-1}.form-group label{color:#333}.form-group input,.form-group select{padding:10px 12px;border:1px solid #d8deea;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.banner-side-card-header select:focus,.banner-table-controls select:focus,.form-group input:focus,.form-group select:focus{outline:none;border-color:#ba0000;box-shadow:0 0 0 3px #ba000026}.form-actions{display:flex;gap:12px;justify-content:flex-start;margin-top:24px;padding-top:20px;border-top:1px solid #e0e0e0}.cancel-btn,.submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-btn{background:linear-gradient(90deg,#ba0000,#6f0000);color:#fff}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ba00004d}.cancel-btn{background:#e0e0e0;color:#333}.cancel-btn:hover:not(:disabled){background:#d0d0d0}.cancel-btn:disabled,.submit-btn:disabled{opacity:.6;cursor:not-allowed}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.draft{background-color:#fff3cd;color:#856404}.status-badge.published{background-color:#d4edda;color:#155724}.banner-admin-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.banner-admin-topbar h2,.banner-form-header h3,.banner-side-card-header h3,.banner-table-toolbar h3{margin:0}.banner-admin-topbar p,.banner-form-header p,.banner-table-toolbar p{margin:6px 0 0;color:#666;font-size:14px}.banner-admin-topbar-actions,.banner-form-header,.banner-side-card-header,.banner-table-controls{display:flex;align-items:center;gap:12px}.banner-admin-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);grid-gap:24px;gap:24px;align-items:start}.banner-form-panel,.banner-side-card,.banner-table-panel{box-shadow:0 2px 8px #0000000f}.banner-form-header{justify-content:space-between;margin-bottom:20px}.banner-form-fields{display:grid;grid-gap:0;gap:0}.banner-inline-preview{min-height:120px;border:1px dashed #d6d6d6;border-radius:8px;background:linear-gradient(180deg,#fafbff,#f5f7fb);display:flex;align-items:center;justify-content:center;overflow:hidden}.banner-inline-preview img,.banner-preview-media img,.banner-row-thumb img{width:100%;height:100%;object-fit:cover;display:block}.banner-side-panel{display:grid;grid-gap:16px;gap:16px}.banner-side-card{background:#fff;border-radius:8px;padding:16px}.banner-side-card-header{justify-content:space-between;margin-bottom:16px}.banner-preview-list{display:grid;grid-gap:12px;gap:12px}.banner-preview-card{display:grid;grid-template-columns:128px minmax(0,1fr);grid-gap:14px;gap:14px;border:1px solid #eceff7;border-radius:10px;padding:12px;background:#fbfcff}.banner-preview-card.compact{grid-template-columns:104px minmax(0,1fr)}.banner-preview-media{height:88px;border-radius:8px;overflow:hidden;background:#edf1f7}.banner-preview-content{min-width:0}.banner-preview-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.banner-preview-title-row h3{margin:0;font-size:15px}.banner-preview-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;color:#637085;font-size:12px}.banner-preview-link,.banner-row-link{display:inline-flex;align-items:center;gap:6px;color:#0a66c2;font-size:13px;margin-top:10px;text-decoration:none}.banner-preview-link.muted,.banner-row-link.muted{color:#7d8796}.banner-preview-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#7b8798;background:linear-gradient(135deg,#eef1f7,#dde3ee);font-size:24px}.banner-preview-empty.inline{min-height:100%}.banner-table-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.banner-side-card-header select,.banner-table-controls select{padding:8px 10px;border-radius:6px;border:1px solid #d5dce8;background:#fff}.banner-table-scroll{overflow-x:auto}.banner-row-main{display:grid;grid-template-columns:84px minmax(220px,1fr);grid-gap:12px;gap:12px;align-items:center}.banner-row-thumb{width:84px;height:52px;border-radius:8px;overflow:hidden;background:#edf1f7}.banner-row-copy{min-width:0}.banner-row-title{font-weight:600;color:#253142}.banner-pagination-section{margin-top:16px}.banner-page-indicator{color:#5f6d80;font-size:14px}.loading-state.compact{padding:24px 12px;font-size:14px}@media (max-width:1080px){.banner-admin-grid{grid-template-columns:1fr}}@media (max-width:768px){.banner-admin-topbar,.banner-form-header,.banner-table-toolbar{flex-direction:column;align-items:stretch}.banner-admin-topbar-actions,.banner-table-controls{width:100%;flex-wrap:wrap}.banner-admin-topbar-actions>*,.banner-table-controls>*{flex:1 1 160px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}.banner-preview-card,.banner-preview-card.compact,.banner-row-main{grid-template-columns:1fr}.banner-preview-media,.banner-row-thumb{width:100%;height:160px}}.bookings-panel{background:#fff;border:1px solid #e6e6e6;padding:16px;border-radius:6px}.bookings-actions{margin-bottom:12px}.bookings-actions,.bookings-search{display:flex;gap:8px;align-items:center}.bookings-search{margin-left:auto}.bookings-search input{padding:8px 10px;border:1px solid #ddd;border-radius:4px}.admin-table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{padding:10px 12px;border-bottom:1px solid #f1f1f1;text-align:left}.admin-table thead th{background:#fafafa;font-weight:600}.booking-card{border:1px solid #eee;padding:12px;border-radius:6px;margin-bottom:12px}.pagination{display:flex;gap:8px;align-items:center;margin-top:12px}.pagination button{padding:6px 10px;border:1px solid #ddd;background:#fff;border-radius:4px}.pagination .active{background:#007bff;color:#fff;border-color:#007bff}.empty-state-mini{padding:12px;color:#666}.link-btn.danger{background:#fff;color:#c0392b;border:1px solid #f2dede}@media (max-width:768px){.bookings-panel{overflow-x:auto}.bookings-panel .admin-table{min-width:760px}.pagination{width:100%;flex-wrap:wrap;row-gap:10px}.pagination button,.pagination select{white-space:nowrap}}.category-management-container{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px}.category-form-section{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 12px #0000000f}.category-form-section h2{font-size:18px;font-weight:600;color:#333;margin-bottom:20px}.category-form{display:flex;flex-direction:column;gap:16px}.form-group{gap:8px}.form-group label{font-size:14px}.form-group input{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:#ba0000;box-shadow:0 0 0 3px #ba000026}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.btn-submit{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:linear-gradient(90deg,#ba0000,#6f0000);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ba00004d}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.message-alert{margin-bottom:16px}.categories-list-section{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 12px #0000000f}.categories-list-section h2{font-size:18px;font-weight:600;color:#333;margin-bottom:20px}.loading-state{padding:40px 20px;font-size:14px}.loading-state .spinner{font-size:18px}.empty-state{padding:40px 20px}.empty-state p{font-size:14px;margin-bottom:16px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px}.category-card{padding:16px;background:linear-gradient(135deg,#ba0000,#6f0000);border-radius:8px;color:#fff;display:flex;flex-direction:column;gap:8px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #ba000033}.category-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #ba00004d}.category-name{font-size:15px;font-weight:600}.category-id{font-size:12px;opacity:.9}@media (max-width:768px){.category-management-container{grid-template-columns:1fr;gap:20px}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.comments-container{max-width:1000px;margin:0 auto}.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:#999;font-size:16px}.loading-state .spinner{font-size:20px;animation:spin 1s linear infinite}.message-alert{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px;font-weight:500}.message-alert.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message-alert.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:8px;color:#999}.empty-state p{font-size:16px}.comments-wrapper{display:flex;flex-direction:column;gap:20px}.comments-stats{padding:16px;background:linear-gradient(135deg,#ba0000,#6f0000);color:#fff;border-radius:8px;font-size:14px;font-weight:600;box-shadow:0 2px 8px #ba000033}.comments-stats span{display:flex;align-items:center;gap:8px}.comment-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.comment-card:hover{box-shadow:0 4px 16px #0000001a;border-color:#ba0000}.comment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.comment-meta{flex:1 1}.comment-author{font-size:15px;font-weight:600;color:#333;margin:0 0 6px}.comment-email{font-size:13px;color:#ba0000;margin:0 0 4px;word-break:break-all}.comment-date{font-size:12px;color:#999;margin:0 0 6px}.comment-blog-id{font-size:12px;color:#666;margin:0;background:#f5f5f5;padding:4px 8px;border-radius:4px;display:inline-block}.comment-blog-id strong{color:#ba0000}.btn-delete{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#fff3cd;border:1px solid #ffc107;color:#ff6b6b;border-radius:6px;cursor:pointer;font-size:16px;transition:all .2s ease;flex-shrink:0}.btn-delete:hover:not(:disabled){background:#ff6b6b;color:#fff;border-color:#ff6b6b}.btn-delete:disabled{opacity:.6;cursor:not-allowed}.btn-delete .spinner{animation:spin 1s linear infinite}.comment-body{margin-top:12px;padding-top:16px;border-top:1px solid #f0f0f0}.comment-body p{margin:0;font-size:14px;line-height:1.6;color:#444;word-wrap:break-word}@media (max-width:768px){.comment-header{flex-direction:column}.btn-delete{align-self:flex-start}.comment-card{padding:16px}}.comments-controls input{border:1px solid #ddd;border-radius:6px}.btn-cancel-edit,.btn-cancel-reply,.btn-edit,.btn-load,.btn-refresh,.btn-reply,.btn-save-edit,.btn-send-reply{padding:8px 12px;border-radius:6px;border:1px solid #0000;font-size:13px;cursor:pointer;transition:all .15s ease;margin-left:6px}.btn-load{background:#eef2ff;color:#4c51bf;border-color:#c7d2fe}.btn-load:hover{background:#e0e7ff}.btn-refresh{background:#f0fdf4;color:#15803d;border-color:#bbf7d0}.btn-refresh:hover{background:#dcfce7}.btn-reply{background:#fff7ed;color:#b45309;border-color:#ffedd5}.btn-reply:hover{background:#ffedd5}.btn-edit{background:#f0f9ff;color:#0ea5e9;border-color:#bae6fd}.btn-edit:hover{background:#e0f2fe}.btn-save-edit{background:#eef2ff;color:#4c51bf;border-color:#c7d2fe}.btn-save-edit:hover{background:#e0e7ff}.btn-cancel-edit,.btn-cancel-reply{background:#fff1f2;color:#c53030;border-color:#fecaca}.btn-cancel-edit:hover,.btn-cancel-reply:hover{background:#fee2e2}.btn-send-reply{background:#ecfccb;color:#365314;border-color:#bbf7d0}.btn-send-reply:hover{background:#d9f99d}.comment-edit-box,.comment-reply-box{margin-top:12px;background:#fbfbff;border:1px solid #eef2ff;padding:12px;border-radius:8px}.comment-edit-box textarea,.comment-reply-box textarea{width:100%;border:1px solid #e6e6e6;border-radius:6px;padding:8px 10px;font-size:14px;resize:vertical}.edit-actions,.reply-actions{display:flex;gap:8px;margin-top:8px}.comment-card .btn-delete,.comment-card .btn-edit,.comment-card .btn-reply{margin-left:8px}@media (max-width:480px){.edit-actions,.reply-actions{flex-direction:column;gap:6px}.comments-controls{flex-direction:column;align-items:stretch}.comments-controls input{width:100%;margin-bottom:8px}}.comments-section{background:#fff;border-radius:8px;padding:24px;margin-top:32px;box-shadow:0 2px 8px #0000000f}.comments-section h3{font-size:18px;font-weight:600;color:#333;margin:0 0 20px}.comments-section h4{font-size:15px;font-weight:600;color:#333;margin:0 0 16px}.alert{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px;font-weight:500}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.comment-form-wrapper{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:32px}.comment-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:#444}.form-group input,.form-group textarea{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ba0000;box-shadow:0 0 0 3px #ba000026}.form-group textarea{resize:vertical;min-height:100px}.btn-submit-comment{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:linear-gradient(90deg,#ba0000,#6f0000);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;align-self:flex-start}.btn-submit-comment:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ba00004d}.btn-submit-comment:disabled{opacity:.7;cursor:not-allowed}.spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.comments-display{margin-top:24px}.loading-comments{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:#999;font-size:14px}.no-comments{text-align:center;padding:40px 20px;background:#f9f9f9;border-radius:6px;color:#999}.no-comments p{margin:0}.comments-list{display:flex;flex-direction:column;gap:16px}.comment-item{background:#f9f9f9;border-left:3px solid #ba0000;border-radius:6px;padding:16px;transition:all .2s ease}.comment-item:hover{background:#fff;box-shadow:0 2px 8px #0000000f}.comment-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.comment-item-info{display:flex;flex-direction:column;gap:4px}.comment-item-name{font-size:14px;font-weight:600;color:#333}.comment-item-email{font-size:12px;color:#ba0000}.comment-item-date{font-size:12px;color:#999}.btn-delete-comment{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#ffe0e0;border:1px solid #ffb3b3;color:#d32f2f;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease;flex-shrink:0}.btn-delete-comment:hover:not(:disabled){background:#d32f2f;color:#fff;border-color:#d32f2f}.btn-delete-comment:disabled{opacity:.6;cursor:not-allowed}.comment-item-body{margin-top:12px}.comment-item-body p{margin:0;font-size:14px;line-height:1.6;color:#444;word-wrap:break-word}@media (max-width:768px){.comment-form-wrapper,.comments-section{padding:16px}.form-row{grid-template-columns:1fr}.comment-item-header{flex-direction:column}.btn-delete-comment{align-self:flex-start}}