.spinner-primary{color:var(--bs-primary)!important}.spinner-secondary{color:var(--bs-secondary)!important}.spinner-tertiary{color:var(--bs-tertiary,var(--bs-primary))!important}.spinner-success{color:var(--bs-success)!important}.spinner-danger{color:var(--bs-danger)!important}.spinner-warning{color:var(--bs-warning)!important}.spinner-info{color:var(--bs-info)!important}.spinner-light{color:var(--bs-light)!important}.spinner-dark{color:var(--bs-dark)!important}.dashboard-layout{--sidebar-width:248px;--sidebar-width-collapsed:72px;background:var(--si-body-bg,#f8fafc);display:flex;min-height:100vh;min-height:100dvh;position:relative}body.dashboard-mobile-sidebar-open{overflow:hidden;touch-action:none}.dashboard-layout .sidebar-overlay{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f172a59;top:0;right:0;bottom:0;left:0;position:fixed;transition:opacity .2s ease;z-index:1040}@media (min-width:992px){.dashboard-layout .sidebar-overlay{display:none}}.dashboard-layout .dashboard-main{display:flex;flex:1;flex-direction:column;margin-left:var(--sidebar-width);min-width:0;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.dashboard-layout .dashboard-main.sidebar-collapsed{margin-left:var(--sidebar-width-collapsed)}@media (max-width:991.98px){.dashboard-layout .dashboard-main,.dashboard-layout .dashboard-main.sidebar-collapsed{margin-left:0}}.dashboard-layout .dashboard-page{background:var(--si-body-bg,#f8fafc);flex:1;overflow:auto;padding:1.5rem 1.5rem 2rem}@media (min-width:768px){.dashboard-layout .dashboard-page{padding:1.5rem 2rem 2rem}}.dashboard-header{--header-bg:var(--si-body-bg,#fff);--header-border:rgba(0,0,0,.06);background:var(--header-bg);border-bottom:1px solid var(--header-border);box-shadow:0 1px 3px #0000000a;position:sticky;top:0;z-index:1030}.dashboard-header .header-inner{align-items:center;display:flex;gap:1rem;justify-content:space-between;min-height:56px;padding:.75rem 1.25rem}@media (min-width:992px){.dashboard-header .header-inner{padding:.75rem 1.5rem .75rem 1.25rem}}.dashboard-header .header-left{align-items:center;display:flex;flex:1;gap:.75rem;min-width:0}.dashboard-header .header-right{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.dashboard-header .header-dropdown-wrap{position:relative}.dashboard-header .header-dropdown-wrap.show .dropdown-menu,.dashboard-header .header-dropdown-wrap.show .header-dropdown-menu{display:block!important}.dashboard-header .header-icon-btn{align-items:center;background:transparent;border:none;border-radius:12px;color:var(--si-body-color,#64748b);cursor:pointer;display:inline-flex;font-size:1.25rem;height:40px;justify-content:center;padding:0;transition:background .2s,color .2s;width:40px}.dashboard-header .header-icon-btn:hover{background:var(--si-secondary-bg,#f1f5f9);color:var(--si-link-color,#7717ff)}.dashboard-header .header-icon-btn:focus-visible{outline:2px solid var(--si-link-color,#7717ff);outline-offset:2px}.dashboard-header .header-icon-flag{border-radius:4px;height:22px;-o-object-fit:cover;object-fit:cover;width:22px}.dashboard-header .header-icon-btn-badge{position:relative}.dashboard-header .header-icon-badge{align-items:center;background:#ef4444;border:2px solid var(--header-bg,#fff);border-radius:8px;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:4px;top:4px}.dashboard-header .header-icon-btn-user{padding:0}.dashboard-header .header-user-icon{align-items:center;background:linear-gradient(135deg,#7717ff,#d946ef);border-radius:10px;box-shadow:0 2px 8px #7717ff4d;color:#fff;display:flex;font-size:1.1rem;height:36px;justify-content:center;width:36px}.dashboard-header .header-icon-btn-user:hover .header-user-icon{box-shadow:0 4px 12px #7717ff66}.dashboard-header .header-dropdown-menu{background:var(--header-bg);border:1px solid var(--header-border);border-radius:14px;box-shadow:0 10px 40px #0000001a;margin-top:6px!important;min-width:160px;padding:8px;position:absolute;z-index:1060}.dashboard-header .header-dropdown-label{color:var(--si-body-color,#94a3b8);font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:8px 12px 6px;text-transform:uppercase}.dashboard-header .header-dropdown-empty-msg{align-items:center;color:var(--si-body-color,#94a3b8);display:flex;font-size:.875rem;gap:8px;padding:12px}.dashboard-header .header-dropdown-empty-msg i{font-size:1.2rem;opacity:.8}.dashboard-header .header-dropdown-item{align-items:center;background:transparent;border:none;border-radius:10px;color:var(--si-body-color,#334155);cursor:pointer;display:flex;font-size:.9375rem;gap:10px;padding:10px 12px;text-align:left;text-decoration:none;transition:background .2s,color .2s;width:100%}.dashboard-header .header-dropdown-item:hover{background:var(--si-secondary-bg,#f1f5f9);color:var(--si-link-color,#7717ff)}.dashboard-header .header-dropdown-item.active,.dashboard-header .header-dropdown-item.router-link-active{background:#7717ff1a;color:var(--si-link-color,#7717ff);font-weight:500}.dashboard-header .header-dropdown-item i{flex-shrink:0;font-size:1.2rem;text-align:center;width:20px}.dashboard-header .header-dropdown-flag{border-radius:4px;flex-shrink:0;height:20px;-o-object-fit:cover;object-fit:cover;width:20px}.dashboard-header .header-dropdown-sep{background:var(--header-border);height:1px;margin:6px 0}.dashboard-header .header-dropdown-user{min-width:220px}.dashboard-header .header-user-card{align-items:center;display:flex;gap:12px;padding:12px}.dashboard-header .header-user-card-avatar{align-items:center;background:linear-gradient(135deg,#7717ff,#d946ef);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.dashboard-header .header-user-card-info{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.dashboard-header .header-user-card-name{color:var(--si-heading-color,#0f172a);font-size:.9375rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-header .header-user-card-email{color:var(--si-body-color,#64748b);font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-header .header-dropdown-item-danger{color:#dc2626!important}.dashboard-header .header-dropdown-item-danger:hover{background:#dc26261a!important;color:#b91c1c!important}.dashboard-header .header-dropdown-notif{min-width:260px}.dashboard-header .header-btn{align-items:center;background:transparent;border:none;border-radius:12px;color:var(--si-body-color,#64748b);cursor:pointer;display:inline-flex;font-size:1.35rem;height:40px;justify-content:center;padding:0;transition:background .2s,color .2s;width:40px}.dashboard-header .header-btn:hover{background:var(--si-secondary-bg,#f1f5f9);color:var(--si-link-color,#7717ff)}.dashboard-header .header-btn:focus-visible{outline:2px solid var(--si-link-color,#7717ff);outline-offset:2px}.dashboard-header .header-btn-icon{font-size:1.25rem;height:40px;width:40px}.dashboard-header .header-search{flex:1;margin-left:.25rem;max-width:320px;position:relative}.dashboard-header .header-search-icon{color:var(--si-body-color,#94a3b8);font-size:1.2rem;left:.875rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.dashboard-header .header-search-input{background:var(--si-body-bg,#f8fafc);border:1px solid var(--header-border);border-radius:12px;color:var(--si-body-color,#0f172a);font-size:.9375rem;height:40px;padding:0 .875rem 0 2.5rem;transition:border-color .2s,box-shadow .2s;width:100%}.dashboard-header .header-search-input::-moz-placeholder{color:var(--si-body-color,#94a3b8)}.dashboard-header .header-search-input::placeholder{color:var(--si-body-color,#94a3b8)}.dashboard-header .header-search-input:hover{border-color:#0000001a}.dashboard-header .header-search-input:focus{border-color:#7717ff66;box-shadow:0 0 0 3px #7717ff1a;outline:none}.dashboard-header .btn-project-selector{background:linear-gradient(135deg,#7717ff1a,#d946ef1a);border:1.5px solid rgba(119,23,255,.2);border-radius:.75rem;color:var(--si-heading-color,#0b0f19);font-size:.9375rem;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-header .btn-project-selector:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.dashboard-header .btn-project-selector:hover:before{left:100%}.dashboard-header .btn-project-selector:hover{background:linear-gradient(135deg,#7717ff26,#d946ef26);border-color:#7717ff66;box-shadow:0 4px 12px #7717ff26;transform:translateY(-1px)}.dashboard-header .btn-project-selector:active{transform:translateY(0)}.dashboard-header .btn-project-selector[aria-expanded=true]{background:linear-gradient(135deg,#7717ff33,#d946ef33);border-color:#7717ff80;box-shadow:0 4px 12px #7717ff33}.dashboard-header .btn-project-selector[aria-expanded=true] .project-chevron{transform:rotate(180deg)}.dashboard-header .project-selector-icon{box-shadow:0 2px 8px #00000026;flex-shrink:0;height:28px;width:28px}.dashboard-header .project-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-header .project-chevron{font-size:.875rem;transition:transform .3s ease}.dashboard-header .project-dropdown{border-radius:.75rem;margin-top:.5rem!important;max-width:380px;min-width:320px;overflow:hidden;padding:0}.dashboard-header .project-item{border:1px solid transparent;cursor:pointer;transition:all .2s ease}.dashboard-header .project-item:hover{background-color:var(--si-secondary-bg,#eff2fc);border-color:var(--si-border-color,#e9ecef);transform:translate(4px)}.dashboard-header .project-item-active{background:linear-gradient(135deg,#7717ff14,#d946ef14);border-color:#7717ff4d}.dashboard-header .project-item-active:hover{background:linear-gradient(135deg,#7717ff1f,#d946ef1f);border-color:#7717ff66}.dashboard-header .project-item-content{gap:0}.dashboard-header .project-icon{box-shadow:0 2px 8px #0000001f;flex-shrink:0;height:44px;transition:transform .2s ease;width:44px}.dashboard-header .project-item:hover .project-icon{transform:scale(1.05)}.dashboard-header .project-info{flex:1;min-width:0}.dashboard-header .project-title{color:var(--si-heading-color,#0b0f19);font-size:.9375rem;line-height:1.4}.dashboard-header .project-description{font-size:.8125rem;line-height:1.3;margin-top:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-header .project-check{animation:headerCheckIn .3s ease;background:linear-gradient(135deg,#7717ff,#d946ef);box-shadow:0 2px 6px #7717ff4d;flex-shrink:0;height:24px;width:24px}@keyframes headerCheckIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.dashboard-header .btn-create-project{background:linear-gradient(135deg,#7717ff1a,#d946ef1a);border:1.5px dashed rgba(119,23,255,.3);border-radius:.5rem;color:var(--si-link-color,#7717ff);font-size:.875rem;transition:all .3s ease}.dashboard-header .btn-create-project:hover{background:linear-gradient(135deg,#7717ff26,#d946ef26);border-color:#7717ff80;box-shadow:0 4px 12px #7717ff26;transform:translateY(-1px)}.dashboard-header .btn-create-project:active{transform:translateY(0)}[data-bs-theme=dark] .dashboard-header .btn-project-selector{background:linear-gradient(135deg,#7717ff26,#d946ef26);border-color:#7717ff4d;color:#ffffffe6}[data-bs-theme=dark] .dashboard-header .btn-project-selector:hover{background:linear-gradient(135deg,#7717ff33,#d946ef33);border-color:#7717ff80}[data-bs-theme=dark] .dashboard-header .project-item:hover{background-color:#7717ff1a}[data-bs-theme=dark] .dashboard-header .project-item-active{background:linear-gradient(135deg,#7717ff26,#d946ef26)}.dashboard-header .btn-open-app{color:var(--si-link-color,#7717ff);transition:all .2s ease}.dashboard-header .btn-open-app:hover{color:var(--si-link-hover-color,#5a0fd4);transform:translateY(-1px)}.dashboard-header .btn-open-app:active{transform:translateY(0)}[data-bs-theme=dark] .dashboard-header .btn-open-app{color:#fffc}[data-bs-theme=dark] .dashboard-header .btn-open-app:hover{color:#fff}@media (max-width:991.98px){.dashboard-header .project-name{max-width:150px}}.dashboard-header .btn-organization-selector{background:linear-gradient(135deg,#6366f11a,#3b82f61a);border:1.5px solid rgba(99,102,241,.2);border-radius:.75rem;color:var(--si-heading-color,#0b0f19);font-size:.9375rem;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-header .btn-organization-selector:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.dashboard-header .btn-organization-selector:hover:before{left:100%}.dashboard-header .btn-organization-selector:hover{background:linear-gradient(135deg,#6366f126,#3b82f626);border-color:#6366f166;box-shadow:0 4px 12px #6366f126;transform:translateY(-1px)}.dashboard-header .btn-organization-selector:active{transform:translateY(0)}.dashboard-header .btn-organization-selector[aria-expanded=true]{background:linear-gradient(135deg,#6366f133,#3b82f633);border-color:#6366f180;box-shadow:0 4px 12px #6366f133}.dashboard-header .btn-organization-selector[aria-expanded=true] .organization-chevron{transform:rotate(180deg)}.dashboard-header .organization-selector-icon{box-shadow:0 2px 8px #00000026;flex-shrink:0;height:28px;width:28px}.dashboard-header .organization-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-header .organization-chevron{font-size:.875rem;transition:transform .3s ease}.dashboard-header .organization-dropdown{border-radius:.75rem;margin-top:.5rem!important;max-width:340px;min-width:280px;overflow:hidden;padding:0}.dashboard-header .organization-item{border:1px solid transparent;cursor:pointer;transition:all .2s ease}.dashboard-header .organization-item:hover{background-color:var(--si-secondary-bg,#eff2fc);border-color:var(--si-border-color,#e9ecef);transform:translate(4px)}.dashboard-header .organization-item-active{background:linear-gradient(135deg,#6366f114,#3b82f614);border-color:#6366f14d}.dashboard-header .organization-item-active:hover{background:linear-gradient(135deg,#6366f11f,#3b82f61f);border-color:#6366f166}.dashboard-header .organization-item-content{gap:0}.dashboard-header .organization-icon{box-shadow:0 2px 8px #0000001f;flex-shrink:0;height:44px;transition:transform .2s ease;width:44px}.dashboard-header .organization-item:hover .organization-icon{transform:scale(1.05)}.dashboard-header .organization-info{flex:1;min-width:0}.dashboard-header .organization-title{color:var(--si-heading-color,#0b0f19);font-size:.9375rem;line-height:1.4}.dashboard-header .organization-description{font-size:.8125rem;line-height:1.3;margin-top:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-header .organization-check{animation:headerCheckIn .3s ease;background:linear-gradient(135deg,#6366f1,#3b82f6);box-shadow:0 2px 6px #6366f14d;flex-shrink:0;height:24px;width:24px}[data-bs-theme=dark] .dashboard-header .btn-organization-selector{background:linear-gradient(135deg,#6366f126,#3b82f626);border-color:#6366f14d;color:#ffffffe6}[data-bs-theme=dark] .dashboard-header .btn-organization-selector:hover{background:linear-gradient(135deg,#6366f133,#3b82f633);border-color:#6366f180}[data-bs-theme=dark] .dashboard-header .organization-item:hover{background-color:#6366f11a}[data-bs-theme=dark] .dashboard-header .organization-item-active{background:linear-gradient(135deg,#6366f126,#3b82f626)}@media (max-width:991.98px){.dashboard-header .organization-name{max-width:150px}}@media (max-width:767.98px){.dashboard-header .organization-selector,.dashboard-header .project-selector{display:none}}.dashboard-sidebar{--sidebar-bg:var(--si-body-bg,#fff);--sidebar-border:rgba(0,0,0,.06);--sidebar-hover:var(--si-secondary-bg,#f1f5f9);--sidebar-active-bg:linear-gradient(135deg,rgba(119,23,255,.1),rgba(217,70,239,.06));--sidebar-accent:linear-gradient(180deg,#7717ff,#d946ef);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);box-shadow:0 4px 24px #0000000f;display:flex;flex-direction:column;height:100vh;height:100dvh;left:0;min-width:var(--sidebar-width,248px);overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:width .25s cubic-bezier(.4,0,.2,1),min-width .25s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1);width:var(--sidebar-width,248px);z-index:1050;-webkit-overflow-scrolling:touch}.dashboard-sidebar.collapsed{min-width:var(--sidebar-width-collapsed,72px);width:var(--sidebar-width-collapsed,72px)}@media (max-width:991.98px){.dashboard-sidebar{border-radius:0;box-shadow:8px 0 32px #0000001f;min-width:unset;transform:translate(-100%);visibility:visible;width:min(320px,88vw)}.dashboard-sidebar.mobile-open{transform:translate(0);visibility:visible;z-index:1060}.dashboard-sidebar.collapsed{width:min(320px,88vw)}}.dashboard-sidebar .sidebar-close{align-items:center;background:var(--sidebar-hover);border:none;border-radius:12px;color:var(--si-body-color,#64748b);cursor:pointer;display:none;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background .2s,color .2s;width:40px;z-index:2}.dashboard-sidebar .sidebar-close:hover{background:var(--si-primary-bg-subtle,#ede9fe);color:var(--si-link-color,#7717ff)}@media (max-width:991.98px){.dashboard-sidebar .sidebar-close{display:flex}}.dashboard-sidebar .sidebar-header{border-bottom:1px solid var(--sidebar-border);flex-shrink:0;padding:1.25rem 1.25rem 1rem}.dashboard-sidebar .sidebar-logo{align-items:center;color:var(--si-heading-color,#0f172a);display:flex;font-size:1.2rem;font-weight:700;gap:.75rem;text-decoration:none;transition:color .2s}.dashboard-sidebar .sidebar-logo:hover{color:var(--si-link-color,#7717ff)}.dashboard-sidebar .logo-icon{align-items:center;background:var(--sidebar-accent);border-radius:12px;box-shadow:0 4px 14px #7717ff59;color:#fff;display:flex;flex-shrink:0;font-size:1.35rem;height:42px;justify-content:center;width:42px}.dashboard-sidebar .logo-text{transition:opacity .2s;white-space:nowrap}.dashboard-sidebar.collapsed .logo-text{opacity:0;overflow:hidden;width:0}.dashboard-sidebar .sidebar-organizations{border-bottom:1px solid var(--sidebar-border);flex-shrink:0;padding:.75rem 1rem}.dashboard-sidebar .sidebar-organizations-label{color:var(--si-body-color-muted,#64748b);font-size:.7rem;font-weight:600;letter-spacing:.04em;margin-bottom:.5rem;text-transform:uppercase}.dashboard-sidebar .sidebar-organizations .btn-group.dropdown{position:relative}.dashboard-sidebar .sidebar-organizations-btn{align-items:center;background:var(--si-body-bg,#fff);border:1px solid var(--sidebar-border);border-radius:10px;color:var(--si-body-color,#0f172a);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem .75rem;text-align:left;transition:background .2s,border-color .2s;width:100%}.dashboard-sidebar .sidebar-organizations-btn:hover{background:var(--sidebar-hover);border-color:#0000001a}.dashboard-sidebar .sidebar-organizations-btn[aria-expanded=true]{background:var(--sidebar-hover);border-color:var(--si-link-color,#7717ff)}.dashboard-sidebar .sidebar-organizations-btn-icon{align-items:center;background:var(--sidebar-hover);border-radius:8px;color:var(--si-body-color-muted,#64748b);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.dashboard-sidebar .sidebar-organizations-btn-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-sidebar .sidebar-organizations-chevron{color:var(--si-body-color-muted,#64748b);font-size:1.1rem;transition:transform .2s}.dashboard-sidebar .sidebar-organizations-btn[aria-expanded=true] .sidebar-organizations-chevron{transform:rotate(180deg)}.dashboard-sidebar .dropdown-menu.sidebar-organizations-dropdown{border-radius:10px;max-height:220px;min-width:260px;overflow-y:auto;padding:.25rem;width:100%;z-index:1100}.dashboard-sidebar .dropdown-item.sidebar-organizations-item{border-radius:8px;color:var(--si-body-color,#0f172a);font-size:.875rem;padding:.5rem .75rem;transition:background .2s}.dashboard-sidebar .sidebar-organizations-item:hover{background:var(--sidebar-hover)}.dashboard-sidebar .sidebar-organizations-item.active{background:var(--sidebar-active-bg);color:var(--si-link-color,#7717ff)}.dashboard-sidebar .sidebar-organizations-item-icon{align-items:center;background:var(--sidebar-hover);border-radius:6px;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.dashboard-sidebar .sidebar-organizations-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-sidebar .dropdown-item-text.sidebar-organizations-empty{color:var(--si-body-color-muted,#64748b);font-size:.85rem;padding:.75rem 1rem;text-align:center}.dashboard-sidebar .sidebar-nav{flex:1;overflow-x:hidden;overflow-y:auto;padding:.75rem .75rem 1rem}.dashboard-sidebar .nav-section{margin-bottom:1rem}.dashboard-sidebar .nav-section:last-child{margin-bottom:0}.dashboard-sidebar .nav-section-title{color:var(--si-body-color,#94a3b8);font-size:.6875rem;font-weight:600;letter-spacing:.06em;overflow:hidden;padding:.5rem .875rem .35rem;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.dashboard-sidebar.collapsed .nav-section{margin-bottom:.5rem}.dashboard-sidebar .nav-list{list-style:none;margin:0;padding:0}.dashboard-sidebar .nav-item{margin:0 0 2px}.dashboard-sidebar .nav-link{align-items:center;border-radius:12px;color:var(--si-body-color,#64748b);display:flex;font-size:.9375rem;gap:.75rem;padding:.6rem .875rem;position:relative;text-decoration:none;transition:background .2s,color .2s}.dashboard-sidebar .nav-link:hover{background:var(--sidebar-hover);color:var(--si-link-color,#7717ff)}.dashboard-sidebar .nav-link.active{background:var(--sidebar-active-bg);color:var(--si-link-color,#7717ff);font-weight:500}.dashboard-sidebar .nav-link.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.dashboard-sidebar .nav-link.active:before{background:var(--sidebar-accent);border-radius:0 3px 3px 0;content:"";height:56%;left:0;min-height:18px;position:absolute;top:50%;transform:translateY(-50%);width:3px}.dashboard-sidebar .nav-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background .2s;width:28px}.dashboard-sidebar .nav-link i{font-size:1.3rem}.dashboard-sidebar .nav-link.active .nav-icon,.dashboard-sidebar .nav-link:hover .nav-icon{background:#7717ff1a}.dashboard-sidebar .nav-label{transition:opacity .2s;white-space:nowrap}.dashboard-sidebar.collapsed .nav-label{opacity:0;overflow:hidden;width:0}.dashboard-sidebar.collapsed .nav-link{justify-content:center;padding:.6rem}.dashboard-sidebar .sidebar-footer{border-top:1px solid var(--sidebar-border);flex-shrink:0;padding:.75rem 1rem 1rem}.dashboard-sidebar .sidebar-help{align-items:center;background:var(--sidebar-hover);border-radius:12px;color:var(--si-body-color,#64748b);display:flex;font-size:.875rem;gap:.75rem;padding:.75rem .875rem;transition:background .2s}.dashboard-sidebar .sidebar-help:hover{background:var(--si-primary-bg-subtle,#ede9fe)}.dashboard-sidebar .sidebar-help i{color:var(--si-link-color,#7717ff);font-size:1.2rem}.dashboard-sidebar .sidebar-nav::-webkit-scrollbar{width:6px}.dashboard-sidebar .sidebar-nav::-webkit-scrollbar-track{background:transparent}.dashboard-sidebar .sidebar-nav::-webkit-scrollbar-thumb{background:var(--sidebar-border);border-radius:3px}.dashboard-sidebar .sidebar-nav::-webkit-scrollbar-thumb:hover{background:#00000026}.page-container{margin:0 auto;max-width:900px;padding:0 1rem}.page{background-color:#f6f8fb}.page-container.blog-page,.page-container.event-page,.page-container.job-page{max-width:960px}.form-page{background:var(--si-body-bg,#f8f9fa);min-height:100vh;padding-bottom:2rem;width:100%}.btn-back{align-items:center;background:transparent;border:1px solid var(--si-border-color,#e9ecef);border-radius:.5rem;color:var(--si-body-color,#6b7280);cursor:pointer;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-back:hover{border-color:var(--si-primary,#6366f1);color:var(--si-primary,#6366f1)}.btn-back:hover,.form-card{background:var(--si-body-bg,#fff)}.form-card{border:1px solid var(--si-border-color,#e9ecef);border-radius:1rem;box-shadow:0 2px 8px #0000000a;margin-top:1.5rem;overflow:hidden}.form-card form{padding:2rem}.form-header{background:linear-gradient(135deg,var(--si-primary,#6366f1) 0,rgba(99,102,241,.9) 100%);color:#fff;padding:2rem}.header-content{gap:1.25rem}.header-content,.header-icon{align-items:center;display:flex}.header-icon{background:#fff3;border-radius:.75rem;flex-shrink:0;font-size:1.75rem;height:56px;justify-content:center;width:56px}.header-text h1{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.header-text p{color:#fff;font-size:.95rem;margin:.5rem 0 0;opacity:.9}.alert-error{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;color:#991b1b;display:flex;font-size:.9rem;gap:.75rem;margin-bottom:2rem;padding:1rem 1.25rem}.alert-error i{flex-shrink:0;font-size:1.25rem}.form-section{margin-bottom:2.5rem}.form-section:last-of-type{margin-bottom:1.5rem}.section-title{align-items:center;border-bottom:2px solid var(--si-border-color,#e9ecef);color:var(--si-body-color,#1f2937);display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;margin:0 0 1.5rem;padding-bottom:.75rem}.section-title i{color:var(--si-primary,#6366f1);font-size:1.25rem}.section-header-with-action{align-items:center;display:flex;gap:1rem;justify-content:space-between}.section-header-with-action .section-title{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-description{color:var(--si-body-color,#6b7280);font-size:.9rem;margin:-.75rem 0 1.25rem}.form-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1/-1}.form-label{color:var(--si-body-color,#374151);font-size:.875rem;font-weight:500;margin-bottom:.25rem}.form-label.required:after{color:#ef4444;content:" *"}.form-label.small,.helper-text{font-size:.8rem}.helper-text{color:var(--si-body-color,#9ca3af);margin:0}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--si-body-color,#9ca3af);font-size:1.1rem;left:1rem;pointer-events:none;position:absolute;z-index:1}.form-input{background:var(--si-body-bg,#fff);border:1.5px solid var(--si-border-color,#e5e7eb);border-radius:.5rem;color:var(--si-body-color,#1f2937);font-size:.95rem;padding:.75rem 1rem .75rem 2.75rem;transition:all .2s ease;width:100%}.form-input:focus{border-color:var(--si-primary,#6366f1);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.textarea-wrapper{position:relative}.form-textarea{background:var(--si-body-bg,#fff);border:1.5px solid var(--si-border-color,#e5e7eb);border-radius:.5rem;color:var(--si-body-color,#1f2937);font-family:inherit;font-size:.95rem;line-height:1.6;padding:.875rem 1rem;resize:vertical;transition:all .2s ease;width:100%}.form-textarea:focus{border-color:var(--si-primary,#6366f1);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-textarea:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.file-upload-wrapper{position:relative}.file-input{height:0;opacity:0;position:absolute;width:0}.file-upload-label{align-items:center;background:#f9fafb;border:2px dashed var(--si-border-color,#d1d5db);border-radius:.5rem;color:var(--si-body-color,#6b7280);cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;justify-content:center;padding:1.5rem;transition:all .2s ease}.file-upload-label:hover{background:#6366f10d;border-color:var(--si-primary,#6366f1);color:var(--si-primary,#6366f1)}.file-upload-label i{font-size:1.5rem}.image-preview{border:1px solid var(--si-border-color,#e5e7eb);border-radius:.5rem;margin-top:1rem;max-width:300px;overflow:hidden;position:relative;width:100%}.image-preview.small{max-width:150px}.image-preview img{display:block;height:auto;width:100%}.remove-image{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:32px}.remove-image:hover{background:#000c;transform:scale(1.1)}.switch-wrapper{align-items:center;background:var(--si-body-bg,#fff);border:1.5px solid var(--si-border-color,#e5e7eb);border-radius:.5rem;cursor:pointer;display:flex;justify-content:space-between;padding:.875rem 1.25rem;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.switch-wrapper:hover{background:#6366f105;border-color:var(--si-primary,#6366f1)}.switch-label{color:var(--si-body-color,#374151);flex:1;font-size:.95rem;font-weight:500}.switch-container{display:inline-block;flex-shrink:0;height:28px;position:relative;width:52px}.switch-input{height:0;opacity:0;position:absolute;width:0}.switch-slider{background-color:#cbd5e1;border-radius:28px;bottom:0;cursor:pointer;left:0;right:0;top:0}.switch-slider,.switch-slider:before{position:absolute;transition:all .3s ease}.switch-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:22px;left:3px;width:22px}.switch-input:checked+.switch-slider{background-color:var(--si-primary,#6366f1)}.switch-input:checked+.switch-slider:before{transform:translate(24px)}.switch-input:disabled+.switch-slider{cursor:not-allowed;opacity:.5}.switch-input:focus+.switch-slider{box-shadow:0 0 0 3px #6366f11a}.form-actions{border-top:1px solid var(--si-border-color,#e9ecef);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem}.btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{background:var(--si-body-bg,#fff);border:1.5px solid var(--si-border-color,#e5e7eb);color:var(--si-body-color,#6b7280)}.btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:var(--si-body-color,#9ca3af)}.btn-submit{background:var(--si-primary,#6366f1);box-shadow:0 2px 4px #6366f133;color:#fff}.btn-submit:hover:not(:disabled){background:#6366f1e6;box-shadow:0 4px 8px #6366f14d;transform:translateY(-1px)}.btn-toggle{background:#f3f4ff;border:1px solid rgba(99,102,241,.25);border-radius:999px;color:var(--si-primary,#6366f1);font-size:.85rem;padding:.5rem .9rem}.btn-toggle:hover:not(:disabled){background:#6366f114}.btn.btn-action{align-items:center;border:1px solid transparent;border-radius:.5rem;display:inline-flex;font-size:.875rem;gap:.375rem;padding:.5rem .875rem;transition:all .2s ease}.btn.btn-action i{font-size:1rem}.btn.btn-action.btn-action-edit{background:#3b82f61a;border-color:#3b82f633;color:#3b82f6}.btn.btn-action.btn-action-edit:hover:not(:disabled){background:#3b82f626;border-color:#3b82f64d;box-shadow:0 2px 4px #3b82f626;color:#2563eb;transform:translateY(-1px)}.btn.btn-action.btn-action-delete{background:#ef44441a;border-color:#ef444433;color:#ef4444}.btn.btn-action.btn-action-delete:hover:not(:disabled){background:#ef444426;border-color:#ef44444d;box-shadow:0 2px 4px #ef444426;color:#dc2626;transform:translateY(-1px)}.btn.btn-action.btn-action-view{background:#22c55e1a;border-color:#22c55e33;color:#22c55e}.btn.btn-action.btn-action-view:hover:not(:disabled){background:#22c55e26;border-color:#22c55e4d;box-shadow:0 2px 4px #22c55e26;color:#16a34a;transform:translateY(-1px)}.btn.btn-action:disabled{cursor:not-allowed;opacity:.5;transform:none}[data-bs-theme=dark] .btn.btn-action.btn-action-edit{background:#3b82f626;border-color:#3b82f64d;color:#60a5fa}[data-bs-theme=dark] .btn.btn-action.btn-action-edit:hover:not(:disabled){background:#3b82f633;border-color:#3b82f666;color:#93c5fd}[data-bs-theme=dark] .btn.btn-action.btn-action-delete{background:#ef444426;border-color:#ef44444d;color:#f87171}[data-bs-theme=dark] .btn.btn-action.btn-action-delete:hover:not(:disabled){background:#ef444433;border-color:#ef444466;color:#fca5a5}[data-bs-theme=dark] .btn.btn-action.btn-action-view{background:#22c55e26;border-color:#22c55e4d;color:#4ade80}[data-bs-theme=dark] .btn.btn-action.btn-action-view:hover:not(:disabled){background:#22c55e33;border-color:#22c55e66;color:#86efac}.loading-spinner{align-items:center;display:flex;gap:.5rem}.loading-spinner i{animation:spin 1s linear infinite;font-size:1.1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.card{background:var(--si-body-bg,#fff);border:1px solid var(--si-border-color,#e9ecef);border-radius:1.25rem;box-shadow:var(--si-box-shadow-sm,0 5px 25px rgba(30,34,40,.05));overflow:hidden}.card-footer,.card-header{margin:0!important;width:100%!important}.card-header{border-bottom:1px solid var(--si-border-color,#e9ecef);padding:1.25rem 1.5rem}.card-header h2{font-size:1.15rem;font-weight:600;margin:0}.card-description{color:var(--si-body-color,#6b7280);font-size:.9rem;margin-bottom:0;margin-top:.25rem}.card-body{padding:1.5rem}.search-icon{color:var(--si-gray-500,#6b7280);left:1rem;top:50%;transform:translateY(-50%);z-index:1}.translations-helper{color:var(--si-body-color,#6b7280);font-size:.85rem;margin:.5rem 0 1.25rem}.translations-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}.translation-card{background:var(--si-body-bg,#fff);border:1px solid var(--si-border-color,#e5e7eb);border-radius:.75rem;padding:1.25rem 1.5rem}.translation-card-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.locale-icon{align-items:center;background:#6366f114;border-radius:999px;color:var(--si-primary,#6366f1);display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.locale-text h4{color:var(--si-body-color,#111827);font-size:.95rem;font-weight:600;margin:0}.locale-code{color:var(--si-body-color,#9ca3af);font-size:.8rem;margin:.15rem 0 0}.translation-card-body{display:flex;flex-direction:column;gap:1rem}.translations-empty{color:var(--si-body-color,#6b7280);padding:2rem 1rem;text-align:center}.translations-empty i{color:var(--si-primary,#6366f1);font-size:2.5rem;margin-bottom:.75rem}.translations-list{display:flex;flex-direction:column;gap:1.5rem}.translation-locale-card{background:#f9fafb;border:1.5px solid var(--si-border-color,#e5e7eb);border-radius:.75rem;padding:1.5rem}.locale-title{align-items:center;color:var(--si-body-color,#1f2937);display:flex;font-weight:600;gap:.5rem;margin:0 0 1.25rem}.locale-title i{color:var(--si-primary,#6366f1)}.current-image-card{background:#f9fafb;border:1.5px solid var(--si-border-color,#e5e7eb);border-radius:.75rem;display:grid;gap:1rem;grid-template-columns:76px 1fr;padding:1rem}.current-image-card .current-image-preview{background:#6366f114;border:1px solid rgba(99,102,241,.18);border-radius:.75rem;display:block;height:76px;margin:0;overflow:hidden;width:76px}.current-image-card .current-image-preview img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.current-image-meta{display:flex;flex-direction:column;gap:.25rem;min-width:0}.current-image-title{color:var(--si-body-color,#1f2937);font-weight:600}.current-image-link{color:var(--si-body-color,#6b7280);font-size:.875rem;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.current-image-link:hover{color:var(--si-primary,#6366f1);text-decoration:underline}.rating-wrapper{display:flex;flex-direction:column;gap:.75rem}.rating-input{align-items:center;display:flex;position:relative}.rating-input .form-input{padding-right:3rem}.rating-hint{color:var(--si-body-color,#9ca3af);font-size:.875rem;pointer-events:none;position:absolute;right:1rem}.rating-stars{display:flex;font-size:1.25rem;gap:.25rem}.rating-stars i{color:#fbbf24}.rating-stars i.bx-star{color:#e5e7eb}.items-container{display:flex;flex-direction:column;gap:1.5rem}.item-card{background:#f9fafb;border:1.5px solid var(--si-border-color,#e5e7eb);border-radius:.75rem;padding:1.5rem}.item-header{align-items:center;border-bottom:1px solid var(--si-border-color,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem}.item-title{color:var(--si-body-color,#1f2937);font-size:1rem;font-weight:600;margin:0}.btn-remove-item{align-items:center;background:#fee2e2;border:none;border-radius:.5rem;color:#dc2626;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-remove-item:hover:not(:disabled){background:#fecaca;transform:scale(1.1)}.btn-remove-item:disabled{cursor:not-allowed;opacity:.5}.items-empty{color:var(--si-body-color,#9ca3af);padding:2rem;text-align:center}.items-empty i{display:block;font-size:2rem;margin-bottom:.5rem}.items-empty p{font-size:.9rem;margin:0}.btn-add-item{align-items:center;background:transparent;border:2px dashed var(--si-border-color,#d1d5db);border-radius:.5rem;color:var(--si-primary,#6366f1);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s ease}.btn-add-item:hover:not(:disabled){background:#6366f10d;border-color:var(--si-primary,#6366f1)}.btn-add-item:disabled{cursor:not-allowed;opacity:.5}.btn-add-item i{font-size:1.25rem}.loading-container{align-items:center;display:flex;justify-content:center;min-height:400px;padding:2rem}.loading-spinner-large{text-align:center}.loading-spinner-large i{color:var(--si-primary,#6366f1);font-size:3rem;margin-bottom:1rem}.loading-spinner-large p{color:var(--si-body-color,#6b7280);margin:0}.error-container{margin:1.5rem auto;max-width:900px;padding:0 1rem}.error-container .alert-error{align-items:flex-start;background:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;color:#991b1b;display:flex;gap:.75rem;padding:1.5rem}.form-select,.form-select-like{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.form-hint{color:var(--si-body-color,#9ca3af);font-size:.75rem;margin-top:.25rem}.tabs-container{margin-bottom:2rem}.tabs-nav{border-bottom:2px solid var(--si-border-color,#e9ecef);padding-bottom:0}.tab-button,.tabs-nav{display:flex;gap:.5rem}.tab-button{align-items:center;background:transparent;border:none;border-bottom:3px solid transparent;border-radius:.5rem .5rem 0 0;color:var(--si-body-color,#6b7280);cursor:pointer;font-size:.95rem;font-weight:500;margin-bottom:-2px;padding:.875rem 1.5rem;transition:all .3s ease}.tab-button:hover:not(.active){border-bottom-color:#6366f14d}.tab-button.active,.tab-button:hover:not(.active){background:#6366f10d;color:var(--si-primary,#6366f1)}.tab-button.active{border-bottom-color:var(--si-primary,#6366f1);font-weight:600}.tab-button i{font-size:1.1rem}.tab-content-wrapper{min-height:400px}.tab-content-pane{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.advanced-section-header{align-items:flex-start;background:var(--si-gray-50,#f9fafb);border:1.5px solid var(--si-border-color,#e5e7eb);border-radius:.5rem;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:1rem;transition:all .2s ease}.advanced-section-header:hover{background:#6366f105;border-color:var(--si-primary,#6366f1)}.advanced-section-header .section-title{border:none;margin:0 0 .5rem;padding:0}.advanced-description{color:var(--si-body-color,#6b7280);font-size:.875rem;line-height:1.5;margin:0}.toggle-advanced-btn{align-items:center;background:transparent;border:none;color:var(--si-body-color,#6b7280);cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;justify-content:center;padding:.25rem;transition:all .2s ease}.toggle-advanced-btn:hover{color:var(--si-primary,#6366f1)}.advanced-section-content{animation:slideDown .3s ease;padding-top:1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.section-header-toggle{align-items:center;border-bottom:2px solid var(--si-border-color,#e9ecef);display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.section-header-toggle .section-title{border:none;margin:0;padding:0}.advanced-settings-preview{align-items:center;background:linear-gradient(135deg,#6366f114,#6366f10a);border:1.5px solid rgba(99,102,241,.2);border-radius:.75rem;display:flex;justify-content:center;margin-bottom:1rem;margin-top:1rem;padding:1.25rem 1.5rem}.preview-content{align-items:center;display:flex;gap:.75rem;max-width:100%;text-align:center}.preview-icon{animation:pulse 2s ease-in-out infinite;color:var(--si-primary,#6366f1);flex-shrink:0;font-size:1.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.preview-text{color:var(--si-body-color,#4b5563);font-size:.9rem;font-weight:500;line-height:1.6;margin:0;text-align:center}.btn-toggle-section{align-items:center;background:transparent;border:1.5px solid var(--si-border-color,#e5e7eb);border-radius:.5rem;color:var(--si-body-color,#6b7280);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-toggle-section:hover:not(:disabled){background:#6366f10d;border-color:var(--si-primary,#6366f1);color:var(--si-primary,#6366f1)}.btn-toggle-section:disabled{cursor:not-allowed;opacity:.6}.btn-toggle-section i{font-size:1.1rem;transition:transform .2s ease}.advanced-settings-content{background:var(--si-body-bg,#f9fafb);border:1px solid var(--si-border-color,#e5e7eb);border-radius:.5rem;margin-top:1.5rem;padding:1.5rem}.form-subsection{margin-bottom:2rem}.form-subsection:last-of-type{margin-bottom:0}.subsection-title{align-items:center;border-bottom:1px solid var(--si-border-color,#e9ecef);color:var(--si-body-color,#1f2937);display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin:0 0 1.25rem;padding-bottom:.75rem}.subsection-title i{color:var(--si-primary,#6366f1);font-size:1.1rem}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-fade-enter-active{transition:all .3s ease-out}.slide-fade-leave-active{transition:all .2s ease-in}.slide-fade-enter-from,.slide-fade-leave-to{opacity:0;transform:translateY(-10px)}.card-header{background:linear-gradient(135deg,#f8f9fa,#fff)}.categories-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.error-card,.loading-card{background:var(--si-body-bg,#fff);border:1px solid var(--si-border-color,#e9ecef);border-radius:1rem;box-shadow:0 2px 8px #0000000a;margin-top:1.5rem;padding:2rem}.loading-content{align-items:center;color:var(--si-body-color,#6b7280);display:flex;flex-direction:column;gap:.75rem;justify-content:center}.loading-icon{color:var(--si-primary,#6366f1);font-size:2rem}.loading-text{color:var(--si-body-color,#6b7280);font-size:.95rem;margin:0}.current-image-preview{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.image-preview-img{display:block;height:auto;width:100%}.image-preview-label{background:var(--si-gray-50,#f9fafb);color:var(--si-body-color,#6b7280);font-size:.75rem;margin:0;padding:.5rem;text-align:center}.page-container.product-page,.page-container.service-page{max-width:1000px}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.spinner-wrapper{color:var(--si-primary,#6366f1)}.error-icon,.spinner-wrapper{font-size:3rem;margin-bottom:1rem}.error-icon{color:#ef4444}.error-state h3{color:var(--si-body-color,#1f2937);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.error-state p{color:var(--si-body-color,#6b7280);margin:0 0 1.5rem}.pagination .page-link{border:1px solid var(--si-border-color,#e9ecef);border-radius:.5rem;color:var(--si-body-color,#6b7280);margin:0 .25rem}.pagination .page-item.active .page-link{background:var(--si-link-color,#7717ff);border-color:var(--si-link-color,#7717ff);color:#fff}.pagination .page-item.disabled .page-link{cursor:not-allowed;opacity:.5}@media (max-width:768px){.form-card form,.form-header{padding:1.5rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.header-icon{font-size:1.5rem;height:48px;width:48px}.header-text h1{font-size:1.25rem}.form-grid{gap:1.25rem;grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn{justify-content:center;width:100%}.tabs-nav{flex-wrap:wrap}.tab-button{font-size:.875rem;padding:.75rem 1rem}.section-header-toggle{align-items:flex-start;flex-direction:column;gap:1rem}.current-image-card{grid-template-columns:64px 1fr}.current-image-card .current-image-preview{height:64px;width:64px}}
