.notification{display:flex;align-items:flex-start;gap:12px;padding:16px;margin-bottom:12px;background:var(--color-white);border-radius:8px;box-shadow:0 4px 12px #00000026;border-left:4px solid;animation:slideIn .3s ease-out;transition:all .3s ease-out;min-width:320px;max-width:420px}.notification-exit{animation:slideOut .3s ease-out;opacity:0}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.notification-success{border-color:var(--color-success, #27ae60)}.notification-success .notification-icon{color:var(--color-success, #27ae60)}.notification-error{border-color:var(--color-danger, #e74c3c)}.notification-error .notification-icon{color:var(--color-danger, #e74c3c)}.notification-warning{border-color:var(--color-warning, #f39c12)}.notification-warning .notification-icon{color:var(--color-warning, #f39c12)}.notification-info{border-color:var(--color-info, #3498db)}.notification-info .notification-icon{color:var(--color-info, #3498db)}.notification-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:14px;color:var(--color-gray-800);margin-bottom:4px}.notification-message{font-size:14px;color:var(--color-gray-600);line-height:1.5}.notification-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--color-gray-400);cursor:pointer;border-radius:4px;transition:all .2s ease;padding:0}.notification-close:hover{background-color:var(--color-gray-100);color:var(--color-gray-600)}.notification-container{position:fixed;top:20px;right:20px;z-index:9999;pointer-events:none}.notification-container>*{pointer-events:auto}@media (max-width: 480px){.notification-container{top:10px;right:10px;left:10px}.notification{min-width:auto;max-width:100%}}.sidebar{grid-column:1;height:100vh;background:var(--color-primary);border-right:1px solid var(--color-navy-900);display:flex;flex-direction:column;position:relative;z-index:100;overflow:hidden;will-change:width}.sidebar.sidebar-decorated{background:linear-gradient(180deg,var(--color-primary),var(--color-navy-900))}.sidebar.sidebar-decorated:after{content:"";position:absolute;top:0;right:0;width:var(--accent-line-medium);height:100%;background:var(--gradient-accent-line-vertical);opacity:.8}.sidebar-header{height:64px;padding:0 var(--space-5);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.sidebar-decorated .sidebar-header{background:var(--gradient-overlay-navy)}.sidebar-decorated .sidebar-header:after{content:"";position:absolute;bottom:0;left:var(--space-4);right:var(--space-4);height:var(--accent-line-thin);background:var(--gradient-accent-line);opacity:.6}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;transition:opacity var(--duration-base) var(--ease-in-out)}.sidebar-logo:hover{opacity:.8}.sidebar-logo-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-logo-text{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-white);opacity:1;transform:translate(0);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.sidebar.collapsed .sidebar-logo-text{opacity:0;transform:translate(-10px);width:0;overflow:hidden}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.sidebar.collapsed .sidebar-logo{margin:0}.sidebar-toggle{position:fixed;left:calc(var(--sidebar-width) - 12px);top:40%;transform:translateY(-2%);width:24px;height:24px;background:var(--color-white);border:1px solid var(--color-gray-700);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--hover-duration) var(--hover-timing);z-index:1000;box-shadow:0 2px 8px #00000026;will-change:transform,background-color,box-shadow}.layout.sidebar-collapsed .sidebar-toggle{left:calc(var(--sidebar-collapsed-width) - 12px)}.sidebar-toggle:hover{background:var(--color-turquoise-700);border-color:var(--color-turquoise-700);transform:translateY(-2%) scale(1.1);box-shadow:0 4px 16px #1abc9c4d}.sidebar-toggle:hover svg{color:var(--color-white);transform:scale(1.1)}.sidebar-toggle:active{transform:translateY(-2%) scale(.95);transition-duration:.15s}.sidebar-toggle svg{width:12px;height:12px;color:var(--color-navy-700);transition:all var(--duration-base) var(--ease-in-out)}.layout.sidebar-collapsed .sidebar-toggle svg{transform:rotate(180deg)}.sidebar-nav{flex:1;padding:var(--space-5) 0;overflow-y:auto;overflow-x:hidden}.sidebar-nav-item{display:flex;align-items:center;padding:var(--space-3) var(--space-5);color:#ffffffb3;text-decoration:none;font-size:var(--text-base);font-weight:var(--font-medium);transition:all var(--hover-duration) var(--hover-timing);position:relative;will-change:transform,background-color}.sidebar-nav-item:hover{color:var(--color-white);background:var(--color-navy-500);transform:translate(4px);box-shadow:inset 3px 0 0 var(--color-turquoise-700)}.sidebar-nav-item.active{color:var(--color-white);background:var(--color-navy-500);font-weight:var(--font-semibold)}.sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-accent)}.sidebar-nav-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform var(--hover-duration) var(--hover-timing)}.sidebar-nav-item:hover .sidebar-nav-icon{transform:scale(1.1);color:var(--color-turquoise-100)}.sidebar.collapsed .sidebar-nav-item:hover .sidebar-nav-icon{transform:scale(1.2)}.sidebar-nav-text{margin-left:var(--space-3);white-space:nowrap;opacity:1;transform:translate(0);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.sidebar.collapsed .sidebar-nav-text{opacity:0;transform:translate(-10px);width:0;overflow:hidden;margin-left:0}.sidebar.collapsed .sidebar-nav-item{padding:12px;justify-content:center}.sidebar-nav-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:var(--space-3);background:var(--color-navy-900);color:var(--color-white);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-in-out);z-index:1000}.sidebar.collapsed .sidebar-nav-item:hover .sidebar-nav-tooltip{opacity:1}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;opacity:0;visibility:hidden;transition:all var(--duration-base) var(--ease-in-out);z-index:99}.sidebar-overlay.active{opacity:1;visibility:visible}@media (max-width: 1024px){.sidebar,.sidebar.mobile{position:fixed!important;left:0!important;top:0;width:280px;transform:translate(-100%);transition:transform var(--duration-base) var(--ease-in-out);z-index:1000;grid-column:unset}.sidebar.open,.sidebar.mobile.open{transform:translate(0)}.sidebar-nav-item{min-height:var(--touch-target-min);padding:var(--space-4) var(--space-5);font-size:var(--text-base)}.sidebar-toggle,.sidebar-notification-btn,.sidebar-user-main{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.sidebar-user-dropdown{position:fixed;bottom:auto;top:auto;left:var(--space-3);right:var(--space-3);transform:none;width:auto}.sidebar.mobile .sidebar-user-section{position:static}.sidebar.mobile .sidebar-user-dropdown{bottom:calc(100% + var(--space-2))}}@media (max-width: 768px){.sidebar{width:100%;max-width:320px}.sidebar-nav-item{margin-bottom:var(--space-1)}.sidebar-nav-text,.sidebar-notification-text{font-size:var(--text-base)}}@media (max-width: 640px){.sidebar{width:100%;max-width:300px}.sidebar-header{padding:0 var(--space-4);height:56px}.sidebar-nav{padding:var(--space-4) 0}}@media (max-width: 480px){.sidebar{width:100%;max-width:280px}.sidebar-header{padding:0 var(--space-3)}.sidebar-nav-item{padding:var(--space-3) var(--space-4)}}@media (hover: none) and (pointer: coarse){.sidebar-nav-item:hover{background:transparent;transform:none;box-shadow:none}.sidebar-nav-item:active{background:var(--color-navy-500);transform:none}.sidebar-user-action{min-height:var(--touch-target-min);padding:var(--space-3) var(--space-4)}.sidebar-nav-tooltip,.sidebar-notification-tooltip{display:none}}.sidebar-notifications{padding:var(--space-3);display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(255,255,255,.08);position:relative}.sidebar.collapsed .sidebar-notifications{padding:var(--space-3)}.sidebar-notification-btn{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:#ffffff0d;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--hover-duration) var(--hover-timing);width:100%;will-change:transform,background-color}.sidebar-notification-btn:hover{background:#1abc9c26;transform:scale(1.02);box-shadow:0 2px 8px #1abc9c33}.sidebar-notification-btn:hover svg{transform:scale(1.1);color:var(--color-turquoise-100)}.sidebar-notification-btn svg{color:var(--color-white);flex-shrink:0}.sidebar-notification-text{color:#ffffffe6;font-size:var(--text-base);font-weight:var(--font-medium);white-space:nowrap;opacity:1;transform:translate(0);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.sidebar.collapsed .sidebar-notification-text{opacity:0;transform:translate(-10px);width:0;overflow:hidden}.sidebar.collapsed .sidebar-notification-btn{padding:var(--space-2);justify-content:center}.notification-badge{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--color-accent);border-radius:var(--radius-full);border:2px solid var(--color-primary)}.sidebar-notification-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:var(--space-3);background:var(--color-navy-900);color:var(--color-white);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-in-out);z-index:1000}.sidebar.collapsed .sidebar-notifications:hover .sidebar-notification-tooltip{opacity:1}.sidebar-version{margin-top:auto;padding:var(--space-2) var(--space-3);display:flex;justify-content:center}.sidebar-version-text{font-size:11px;color:#ffffff59;font-weight:var(--font-medium);letter-spacing:.02em;transition:color var(--duration-fast) var(--ease-in-out)}.sidebar-version:hover .sidebar-version-text{color:#ffffff80}.sidebar.collapsed .sidebar-version{padding:var(--space-2) var(--space-1)}.sidebar.collapsed .sidebar-version-text{font-size:10px}.sidebar-user-section{margin-top:0;padding:var(--space-3);border-top:1px solid rgba(255,255,255,.08);position:relative}.sidebar-user-main{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:#ffffff0d;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) var(--ease-in-out);position:relative}.sidebar-user-main:hover{background:#ffffff14}.sidebar-user-main.active{background:#ffffff1a}.sidebar-user-chevron{margin-left:auto;color:#ffffff80;transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0}.sidebar-user-chevron.open{transform:rotate(180deg)}.sidebar-user-dropdown{background:#1a252ffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);box-shadow:0 4px 24px #00000059,0 0 0 1px #ffffff0d inset;padding:var(--space-2);animation:dropdownSlideUp .2s cubic-bezier(.25,.46,.45,.94);transform-origin:center bottom;min-width:220px}.sidebar-user-dropdown:after{content:"";position:absolute;bottom:-8px;left:var(--dropdown-arrow-position, 50%);transform:translate(calc(-50% + var(--dropdown-arrow-offset, 0px)));width:0;height:0;border-style:solid;border-width:8px 8px 0 8px;border-color:rgba(26,37,47,.98) transparent transparent transparent}.sidebar-user-dropdown:before{content:"";position:absolute;bottom:-9px;left:var(--dropdown-arrow-position, 50%);transform:translate(calc(-50% + var(--dropdown-arrow-offset, 0px)));width:0;height:0;border-style:solid;border-width:9px 9px 0 9px;border-color:rgba(255,255,255,.12) transparent transparent transparent;z-index:-1}.sidebar-user-dropdown-portal{pointer-events:none}.sidebar-user-dropdown-portal .sidebar-user-dropdown{pointer-events:auto}.sidebar-user-divider{height:1px;background:#ffffff1a;margin:var(--space-1) var(--space-2)}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sidebar-user-section .sidebar-user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-white);flex-shrink:0;position:relative}.sidebar-user-section .sidebar-user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.sidebar-user-section .sidebar-user-avatar.is-superuser:after{content:"";position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background:var(--color-warning-500, #f39c12);border-radius:var(--radius-full);border:2px solid var(--color-primary)}.sidebar-user-section .superuser-indicator{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background:var(--color-warning-500, #f39c12);border:2px solid var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-white)}.sidebar-user-section .sidebar-user-info{flex:1;min-width:0;opacity:1;transition:opacity var(--duration-fast) var(--ease-in-out);margin-right:auto}.sidebar-user-section .sidebar-user-name{font-size:14px;font-weight:var(--font-semibold);color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-section .sidebar-user-email{font-size:12px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-action{display:flex;align-items:center;gap:var(--space-3);padding:10px 12px;background:transparent;border:none;border-radius:var(--radius-md);color:#ffffffd9;font-size:14px;font-weight:var(--font-medium);cursor:pointer;transition:all var(--hover-duration) var(--hover-timing);text-decoration:none;width:100%;text-align:left;position:relative;overflow:hidden;will-change:transform,background-color}.sidebar-user-action:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform var(--hover-duration) var(--hover-timing)}.sidebar-user-action:hover:before{transform:translate(100%)}.sidebar-user-action:hover{background:#1abc9c26;color:var(--color-white);transform:translate(4px);box-shadow:inset 3px 0 0 var(--color-turquoise-700)}.sidebar-user-action:hover svg{transform:scale(1.1);color:var(--color-turquoise-100)}.sidebar-user-action.logout{color:#ff6b6be6}.sidebar-user-action.logout:hover{background:#e74c3c26;color:#ff6b6b}.sidebar-user-action svg{flex-shrink:0}.sidebar.collapsed .sidebar-user-section{padding:var(--space-3)}.sidebar.collapsed .sidebar-user-main{justify-content:center;padding:var(--space-2)}.notification-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:89;animation:fadeIn var(--duration-base) var(--ease-out)}@media (max-width: 768px){.notification-overlay{z-index:199}}.notification-panel{position:fixed;top:0;right:0;width:320px;height:100vh;background:var(--color-white);border-left:1px solid var(--color-gray-700, #bdc3c7);box-shadow:var(--shadow-lg);transform:translate(100%);transition:transform var(--duration-base) var(--ease-out);z-index:90;display:flex;flex-direction:column;will-change:transform}.notification-panel.open{transform:translate(0);animation:slideIn var(--duration-base) var(--ease-out) forwards}@media (max-width: 768px){.notification-panel{width:100%;max-width:320px;z-index:200}}.notification-panel-header{padding:var(--space-5);border-bottom:1px solid var(--color-gray-300, #f4f6f7);display:flex;align-items:center;justify-content:space-between}.notification-panel-actions{display:flex;align-items:center;gap:var(--space-3)}.notification-mark-read{background:transparent;border:none;color:var(--color-turquoise-700);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--duration-base) var(--ease-in-out)}.notification-mark-read:hover{background:var(--color-turquoise-100);color:var(--color-turquoise-900)}.notification-panel-header h3{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-navy-900, #1a252f)}.notification-panel-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-gray-900, #7f8c8d);cursor:pointer;transition:all var(--duration-base) var(--ease-in-out)}.notification-panel-close:hover{background:var(--color-gray-100, #fbfcfc);color:var(--color-navy-700, #2c3e50)}.notification-panel-content{flex:1;overflow-y:auto;padding:var(--space-4)}.notification-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-2);transition:background var(--duration-base) var(--ease-in-out)}.notification-item:hover{background:var(--color-gray-100, #fbfcfc)}.notification-item.unread{background:var(--color-turquoise-100, #d1f2eb)}.notification-icon{width:32px;height:32px;background:var(--color-turquoise-700, #1abc9c);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon svg{color:var(--color-white)}.notification-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.notification-text{font-size:var(--text-sm);color:var(--color-navy-900, #1a252f);line-height:1.5}.notification-time{font-size:var(--text-xs);color:var(--color-gray-900, #7f8c8d)}.notification-empty{text-align:center;padding:var(--space-8);color:var(--color-gray-900, #7f8c8d)}.sidebar-nav-empty{padding:var(--space-6);text-align:center;color:#ffffff80;font-size:var(--text-sm)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-gray-200);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--color-gray-300)}.sidebar-nav-item:focus-visible,.sidebar-toggle:focus-visible,.sidebar-logout-btn:focus-visible,.mobile-menu-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.mobile-header{position:fixed;top:0;left:0;right:0;height:56px;background:var(--color-navy-700);border-bottom:1px solid var(--color-navy-900);display:none;align-items:center;justify-content:space-between;padding:0 var(--space-4);z-index:100;box-shadow:var(--shadow-sm)}@media (max-width: 1024px){.mobile-header{display:flex}}.mobile-menu-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-base) var(--ease-in-out);color:var(--color-white)}.mobile-menu-button:hover{background:#ffffff1a}.mobile-menu-button:active{background:#ffffff26;transform:scale(.95)}.mobile-menu-button svg{width:24px;height:24px}.mobile-logo{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-white);text-decoration:none;transition:opacity var(--duration-base) var(--ease-in-out)}.mobile-logo:hover{opacity:.8}.mobile-logo svg{width:24px;height:24px}.mobile-notifications{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;position:relative;transition:background var(--duration-base) var(--ease-in-out);color:var(--color-white)}.mobile-notifications:hover{background:#ffffff1a}.mobile-notifications:active{background:#ffffff26;transform:scale(.95)}.mobile-notifications svg{width:20px;height:20px}.mobile-notification-badge{position:absolute;top:10px;right:10px;width:8px;height:8px;background:var(--color-turquoise-700);border-radius:var(--radius-full);border:2px solid var(--color-navy-700)}.btn{background:var(--color-turquoise-700);color:var(--color-white);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--hover-duration) var(--hover-timing);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);white-space:nowrap;outline:none;position:relative;line-height:1;text-decoration:none;will-change:transform,background-color,box-shadow}.btn:hover:not(:disabled){background:var(--color-turquoise-900);color:var(--color-white);transform:scale(var(--hover-scale-small));box-shadow:0 4px 16px #1abc9c4d}.btn:active:not(:disabled){background:var(--color-turquoise-900);transform:scale(.98);transition-duration:.15s}.btn:disabled{background:var(--color-gray-300);color:var(--color-gray-500);cursor:not-allowed}.btn-primary{background:var(--color-turquoise-700);color:var(--color-white)}.btn-primary:hover:not(:disabled){background:var(--color-turquoise-900);color:var(--color-white);box-shadow:0 4px 16px #1abc9c4d}.btn-primary:active:not(:disabled){background:var(--color-turquoise-900)}.btn-secondary{background:var(--color-white);color:var(--color-turquoise-700);border:2px solid var(--color-turquoise-700)}.btn-secondary:hover:not(:disabled){background:var(--color-turquoise-100);border-color:var(--color-turquoise-900);color:var(--color-turquoise-900);transform:scale(var(--hover-scale-small));box-shadow:0 4px 16px #1abc9c26}.btn-secondary:active:not(:disabled){background:var(--color-turquoise-200);transform:scale(.98);transition-duration:.15s}.btn-secondary:disabled{background:var(--color-white);border-color:var(--color-gray-200);color:var(--color-gray-400)}.btn-ghost{background:transparent;color:var(--color-turquoise-700);border:none;padding:var(--space-3) var(--space-4)}.btn-ghost:hover:not(:disabled){background:var(--color-turquoise-100);color:var(--color-turquoise-900);transform:scale(var(--hover-scale-small))}.btn-ghost:active:not(:disabled){background:var(--color-turquoise-200);transform:scale(.98);transition-duration:.15s}.btn-ghost:disabled{background:transparent;color:var(--color-gray-400)}.btn-danger{background:var(--color-red-500);color:var(--color-white)}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger:active:not(:disabled){background:#b91c1c}.btn-accent{background:var(--color-accent);color:var(--color-white)}.btn-accent:hover:not(:disabled){background:var(--color-turquoise-900);transform:scale(var(--hover-scale-medium));box-shadow:0 8px 24px #1abc9c4d}.btn-accent:active:not(:disabled){transform:scale(1);transition-duration:.15s}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn-full{width:100%}.btn-loading{color:transparent}.btn-spinner{position:absolute;display:flex;align-items:center;justify-content:center;top:0;right:0;bottom:0;left:0}.spinner{width:20px;height:20px;border:2px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.btn-primary .spinner,.btn-danger .spinner,.btn-accent .spinner{border-color:#ffffff4d;border-top-color:var(--color-white)}.btn-text-loading{opacity:0}@media (hover: none) and (pointer: coarse){.btn{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:max(var(--space-3),12px) max(var(--space-6),20px)}.btn-sm{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:max(var(--space-2),10px) max(var(--space-4),16px)}.btn-lg{min-height:calc(var(--touch-target-min) + 8px);padding:max(var(--space-4),16px) max(var(--space-8),24px)}.btn:hover:not(:disabled){transform:none;box-shadow:none}.btn:active:not(:disabled){transform:scale(.95);transition:transform .1s ease-out}.btn+.btn{margin-left:var(--touch-spacing-min)}}@media (max-width: 768px){.btn{font-size:var(--text-base)}.btn-sm{font-size:var(--text-sm)}.btn-lg{font-size:var(--text-lg)}}@media (max-width: 640px){.btn-full{width:100%;margin-bottom:var(--space-3)}.btn-group-mobile{display:flex;flex-direction:column;gap:var(--space-3)}.btn-group-mobile .btn{width:100%;justify-content:center}}@media (max-width: 480px){.btn{padding:var(--space-3) var(--space-5)}.btn-sm{padding:var(--space-2) var(--space-4)}.btn-lg{padding:var(--space-4) var(--space-6)}}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-secondary:focus-visible{outline-color:var(--color-accent)}.btn-danger:focus-visible{outline-color:var(--color-red-500)}@media (max-width: 768px){.btn:focus-visible{outline-width:3px;outline-offset:3px}}.form-group{margin-bottom:var(--space-5);max-width:100%;box-sizing:border-box}.form-group-full{width:100%;max-width:100%;box-sizing:border-box}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary)}.input-wrapper{position:relative;width:100%}.input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--color-gray-900);transition:all var(--duration-base) var(--ease-in-out);outline:none;box-shadow:0 1px 2px #0000000d}.input::placeholder{color:var(--color-gray-400);font-weight:400}.input:hover:not(:disabled){border-color:var(--color-gray-300);box-shadow:0 2px 4px #0000000d}.input:focus:not(:disabled){border-color:var(--color-accent);box-shadow:0 0 0 3px #1abc9c1a;transform:translateY(-1px)}.input:disabled{background:var(--color-gray-50);border-color:var(--color-gray-200);color:var(--color-gray-400);cursor:not-allowed}.input-error{border-color:var(--color-red-500)}.input-error:focus{border-color:var(--color-red-500)}.input-with-icon{padding-left:var(--space-10)}.input-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);pointer-events:none}.input-icon svg{width:20px;height:20px}.form-hint{display:block;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-gray-500)}.form-error{display:block;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-red-500)}.input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.select-wrapper{position:relative;width:100%;max-width:100%;box-sizing:border-box}.select{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:12px 16px;border:2px solid var(--color-gray-200, #bdc3c7);border-radius:var(--radius-lg);background-color:var(--color-white, #ffffff);color:var(--color-gray-900, #1a252f);font-size:14px;line-height:1.4;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;outline:none;box-shadow:0 1px 2px #0000000d;box-sizing:border-box}.select:hover:not(.select-disabled){border-color:var(--color-gray-300, #ecf0f1);box-shadow:0 2px 4px #0000000d}.select:focus{border-color:var(--color-accent, #1abc9c);box-shadow:0 0 0 3px #1abc9c1a}.select.select-open{border-color:var(--color-accent, #1abc9c);box-shadow:0 0 0 3px #1abc9c33}.select.select-error{border-color:var(--error, #ef4444)}.select.select-error:focus{box-shadow:0 0 0 3px var(--error-alpha-20, rgba(239, 68, 68, .2))}.select.select-disabled{background-color:var(--color-gray-100, #fbfcfc);color:var(--color-gray-500, #7f8c8d);cursor:not-allowed;border-color:var(--color-gray-200, #bdc3c7)}.select-value{flex:1;min-width:0;max-width:calc(100% - 28px);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-placeholder{color:var(--color-gray-500, #7f8c8d)}.select-loading{color:var(--color-gray-500, #7f8c8d);font-style:italic}.select-arrow{display:flex;align-items:center;margin-left:8px;color:var(--color-gray-500, #7f8c8d);transition:transform .2s ease;flex-shrink:0}.select.select-open .select-arrow{transform:rotate(180deg)}.select.select-disabled .select-arrow{color:var(--color-gray-400, #A3A3A3)}.select-dropdown{position:absolute;top:100%;left:0;right:0;z-index:9999;margin-top:4px;border:2px solid var(--color-gray-200, #bdc3c7);border-radius:8px;background-color:var(--color-white, #ffffff);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-height:240px;overflow:hidden;animation:fadeInScale .15s ease-out}.select-search{padding:8px;border-bottom:1px solid var(--color-gray-300, #ecf0f1)}.select-search-input{width:100%;padding:8px 12px;border:1px solid var(--color-gray-200, #bdc3c7);border-radius:6px;background-color:var(--color-white, #ffffff);color:var(--color-gray-900, #1a252f);font-size:14px;outline:none;transition:border-color .2s ease}.select-search-input:focus{border-color:var(--color-accent, #1abc9c)}.select-options{max-height:200px;overflow-y:auto;padding:4px 0}.select-option{padding:10px 16px;color:var(--color-gray-900, #1a252f);font-size:14px;cursor:pointer;transition:background-color .15s ease;outline:none}.select-option:hover,.select-option:focus{background-color:var(--color-gray-100, #fbfcfc)}.select-option.select-option-selected{background-color:#1abc9c1a;color:var(--color-accent, #1abc9c);font-weight:500}.select-option.select-option-selected:hover{background-color:#1abc9c33}.select-no-options{padding:16px;text-align:center;color:var(--color-gray-500, #7f8c8d);font-size:14px;font-style:italic}.select-options::-webkit-scrollbar{width:6px}.select-options::-webkit-scrollbar-track{background:var(--color-white, #ffffff)}.select-options::-webkit-scrollbar-thumb{background-color:var(--color-gray-200, #bdc3c7);border-radius:3px}.select-options::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted, #64748b)}@keyframes fadeInScale{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.select-wrapper{overflow:visible;max-width:100%;width:100%;box-sizing:border-box}.select{max-width:100%;width:100%;min-width:0;box-sizing:border-box}.select-value{min-width:0;flex:1;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-dropdown{position:absolute;left:0;right:0;top:100%;bottom:auto;margin-top:4px;max-height:200px;max-width:100%;width:100%;box-sizing:border-box;overflow:hidden}.select-search{max-width:100%;box-sizing:border-box;overflow:hidden}.select-options{max-width:100%;overflow-x:hidden}.select-option{padding:14px 16px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;box-sizing:border-box}.select-search-input{font-size:16px!important;transform:none!important;max-width:100%;width:100%;box-sizing:border-box}}.card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--duration-base) var(--ease-in-out)}.card-bordered{border:1px solid var(--color-gray-200)}.card-flat{border:none;background:var(--color-gray-50)}.card-hoverable{cursor:pointer}.card-hoverable:hover{border-color:var(--color-gray-300);transform:translateY(-2px)}.card-clickable{cursor:pointer}.card-clickable:active{transform:translateY(0)}.card-padding-none{padding:0}.card-padding-sm{padding:var(--space-4)}.card-padding-lg{padding:var(--space-8)}.card:focus-visible,.card-clickable:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.checkbox-wrapper{display:inline-flex;align-items:flex-start;gap:var(--space-2);position:relative}.checkbox{width:20px;height:20px;border:2px solid #d1d5db;border-radius:5px;background-color:var(--color-white);cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;flex-shrink:0;box-shadow:0 1px 2px #0000000d;margin-top:2px}.checkbox:hover{border-color:var(--color-primary)}.checkbox:focus{outline:none;box-shadow:0 0 0 3px #2c3e501a}.checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:8px;border-left:3px solid var(--color-white);border-bottom:3px solid var(--color-white);transform:translate(-50%,-60%) rotate(-45deg)}.checkbox:disabled{opacity:.6;cursor:not-allowed}.checkbox-error{border-color:var(--color-danger)}.checkbox-error-message{display:block;color:var(--color-danger);font-size:12px;margin-top:4px}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--text-sm);color:var(--color-gray-700);line-height:1.5;margin:0;padding:3px 0 0;transition:color .2s ease}.checkbox-wrapper:hover .checkbox-label{color:var(--color-gray-900)}.form-row{display:flex;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-3)}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-field label{font-size:var(--text-sm);color:var(--color-gray-700);font-weight:500;line-height:1.4;margin-bottom:4px}.form-field input{height:40px;padding:8px 12px;border:2px solid #d1d5db;border-radius:5px;font-size:var(--text-sm);line-height:1.4}.checkbox-group{display:flex;gap:var(--space-4);align-items:flex-start;margin-top:var(--space-2)}.textarea-wrapper{margin-bottom:var(--space-5)}.textarea-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary)}.textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:inherit;line-height:1.5;color:var(--color-gray-900);transition:all var(--duration-base) var(--ease-in-out);outline:none;box-shadow:0 1px 2px #0000000d;resize:vertical;min-height:80px}.textarea::placeholder{color:var(--color-gray-400);font-weight:400}.textarea:hover:not(:disabled){border-color:var(--color-gray-300);box-shadow:0 2px 4px #0000000d}.textarea:focus:not(:disabled){border-color:var(--color-accent);box-shadow:0 0 0 3px #1abc9c1a;transform:translateY(-1px)}.textarea:disabled{background:var(--color-gray-50);border-color:var(--color-gray-200);color:var(--color-gray-400);cursor:not-allowed;resize:none}.textarea-error{border-color:var(--color-red-500)}.textarea-error:focus{border-color:var(--color-red-500);box-shadow:0 0 0 3px #ef44441a}.textarea-error-message{display:block;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-red-500)}.textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.file-upload-wrapper{width:100%;margin-bottom:var(--space-4)}.file-upload-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary)}.file-upload-label .required{color:var(--color-red-500);margin-left:2px}.file-upload-dropzone{width:100%;min-height:120px;padding:var(--space-4);background:var(--color-white);border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-base) var(--ease-in-out);display:flex;align-items:center;justify-content:center;flex-direction:column}.file-upload-dropzone.has-files{cursor:default;align-items:flex-start;justify-content:flex-start}.file-upload-dropzone:hover:not(.disabled):not(.has-files){border-color:var(--color-accent);background:var(--color-gray-50)}.file-upload-dropzone.dragging{border-color:var(--color-accent);background:#1abc9c0d;transform:scale(1.01)}.file-upload-dropzone.disabled{background:var(--color-gray-50);cursor:not-allowed;opacity:.6}.file-upload-placeholder{text-align:center;color:var(--color-gray-500)}.file-upload-placeholder svg{color:var(--color-gray-400);margin-bottom:var(--space-3)}.upload-text{font-size:var(--text-base);color:var(--color-gray-700);margin-bottom:var(--space-2)}.upload-link{color:var(--color-accent);font-weight:var(--font-medium);text-decoration:underline}.upload-hint{font-size:var(--text-sm);color:var(--color-gray-500);margin:0}.file-upload-content{width:100%}.file-upload-files{width:100%;max-height:200px;overflow-y:auto;padding-right:var(--space-2)}.file-upload-files::-webkit-scrollbar{width:6px}.file-upload-files::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:3px}.file-upload-files::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:3px}.file-upload-files::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.uploaded-file{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.uploaded-file:last-child{margin-bottom:0}.uploaded-file svg{color:var(--color-gray-600);flex-shrink:0}.file-info{flex:1;min-width:0}.file-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-900);margin:0 0 var(--space-1) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:var(--text-xs);color:var(--color-gray-500);margin:0}.file-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);color:var(--color-gray-600);cursor:pointer;transition:all var(--duration-base) var(--ease-in-out)}.file-remove:hover{background:var(--color-red-50);border-color:var(--color-red-200);color:var(--color-red-500)}.file-upload-add-more{display:flex;justify-content:center;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-gray-200)}.add-more-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-base) var(--ease-in-out);border-radius:var(--radius-md)}.add-more-button:hover{background:var(--color-gray-50);color:var(--color-accent-dark)}.add-more-button svg{width:16px;height:16px}.file-upload-error{display:block;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-red-500)}@media (max-width: 640px){.file-upload-dropzone{min-height:100px;padding:var(--space-3)}}.toast-container{position:fixed;z-index:9999;pointer-events:none;padding:16px}.toast{display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-bottom:12px;min-width:300px;max-width:500px;pointer-events:all;position:relative;overflow:hidden;animation:toastSlideIn .3s ease-out;transform-origin:top center}.toast-exit{animation:toastSlideOut .3s ease-in}.toast-top-right{position:fixed;top:16px;right:16px}.toast-top-left{position:fixed;top:16px;left:16px}.toast-bottom-right{position:fixed;bottom:16px;right:16px}.toast-bottom-left{position:fixed;bottom:16px;left:16px}.toast-top-center{position:fixed;top:16px;left:50%;transform:translate(-50%)}.toast-bottom-center{position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.toast-content{display:flex;align-items:flex-start;padding:16px;gap:12px}.toast-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;margin:0;font-size:14px;line-height:20px;color:#374151;word-break:break-word}.toast-close{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .2s ease;margin:-8px -8px -8px 0}.toast-close:hover{background:#0000000d;color:#374151}.toast-close:active{transform:scale(.95)}.toast-progress{height:3px;background:currentColor;opacity:.2;animation:toastProgress linear forwards}@keyframes toastProgress{0%{width:100%}to{width:0%}}.toast-success{border-left:4px solid #059669}.toast-success .toast-icon,.toast-success .toast-progress{color:#059669}.toast-error{border-left:4px solid #dc2626}.toast-error .toast-icon,.toast-error .toast-progress{color:#dc2626}.toast-warning{border-left:4px solid #d97706}.toast-warning .toast-icon,.toast-warning .toast-progress{color:#d97706}.toast-info{border-left:4px solid #2563eb}.toast-info .toast-icon,.toast-info .toast-progress{color:#2563eb}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.9)}}.toast-bottom-right,.toast-bottom-left,.toast-bottom-center{animation:toastSlideInBottom .3s ease-out}.toast-bottom-right.toast-exit,.toast-bottom-left.toast-exit,.toast-bottom-center.toast-exit{animation:toastSlideOutBottom .3s ease-in}@keyframes toastSlideInBottom{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideOutBottom{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.9)}}@media (max-width: 640px){.toast{min-width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.toast-top-right,.toast-top-left,.toast-bottom-right,.toast-bottom-left{right:16px;left:16px}.toast-top-center,.toast-bottom-center{transform:translate(0);left:16px;right:16px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4);animation:fadeIn .2s ease-out}.modal-container{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out;position:relative}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1200px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-100)}.modal-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-navy-900)}.modal-close{background:none;border:none;padding:var(--spacing-2);cursor:pointer;color:var(--color-gray-400);border-radius:var(--radius-md);transition:all var(--hover-duration) var(--hover-timing);display:flex;align-items:center;justify-content:center}.modal-close:focus-visible{outline:2px solid var(--color-turquoise-700);outline-offset:2px}.modal-close svg{width:20px;height:20px}.modal-body{padding:var(--spacing-6);overflow-y:auto;flex:1}@media (max-width: 768px){.modal-overlay{padding:var(--spacing-2);align-items:flex-end}.modal-container{max-height:90vh;max-height:90dvh;margin:0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;animation:slideUpMobile .3s ease-out}.modal-header{padding:var(--spacing-4)}.modal-body{padding:var(--spacing-4);padding-bottom:calc(var(--spacing-4) + env(safe-area-inset-bottom,0px))}.modal-title{font-size:var(--font-size-lg)}}@keyframes slideUpMobile{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}@media (max-width: 480px){.modal-overlay{padding:0}.modal-container{max-height:95vh;max-height:95dvh}.modal-sm,.modal-md,.modal-lg,.modal-xl{max-width:100%}.modal-header{padding:var(--spacing-3) var(--spacing-4)}.modal-body{padding:var(--spacing-3) var(--spacing-4);padding-bottom:calc(var(--spacing-3) + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal-container{animation:none}}.tabs{width:100%}.tabs-header{display:flex;align-items:center;background-color:transparent;border-bottom:1px solid var(--color-gray-200);gap:0}.tabs-button{background:none;border:none;padding:var(--space-4) var(--space-6);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-gray-500);cursor:pointer;transition:all var(--duration-base) var(--ease-in-out);position:relative;white-space:nowrap;border-bottom:2px solid transparent}.tabs-button:hover{color:var(--color-primary);background-color:var(--color-gray-50)}.tabs-button:focus{outline:none}.tabs-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.tabs-button.active{color:var(--color-primary);border-bottom-color:var(--color-accent);font-weight:var(--font-semibold)}.tabs-button.active:hover{background-color:transparent}@media (max-width: 640px){.tabs-header{justify-content:center}.tabs-button{flex:1;text-align:center;padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}}@media (pointer: coarse){.tabs-button{min-height:var(--touch-target-min);padding:var(--space-3) var(--space-6)}}._content_1amvo_5{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-4)}._iconContainer_1amvo_13{width:64px;height:64px;border-radius:var(--radius-full);background-color:var(--color-warning-100, #fef3c7);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}._icon_1amvo_13{width:32px;height:32px;color:var(--color-warning-600, #d97706)}._title_1amvo_30{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-navy-900);margin:0 0 var(--space-2) 0}._description_1amvo_37{font-size:var(--text-sm);color:var(--color-gray-600);margin:0 0 var(--space-4) 0;line-height:1.5}._timerContainer_1amvo_44{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6)}._timer_1amvo_44{font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--color-warning-600, #d97706);font-variant-numeric:tabular-nums;letter-spacing:.05em}._actions_1amvo_59{display:flex;gap:var(--space-3);width:100%}._actions_1amvo_59>button{flex:1}@keyframes _pulse_1amvo_1{0%,to{opacity:1}50%{opacity:.5}}._timerCritical_1amvo_79{animation:_pulse_1amvo_1 1s ease-in-out infinite;color:var(--color-error-600, #dc2626)}._pageHeader_v68qe_2{margin-bottom:var(--space-8);animation:_fadeIn_v68qe_1 var(--duration-slow) var(--ease-out)}._headerContent_v68qe_8{position:relative}._pageHeader_v68qe_2._decorated_v68qe_13{position:relative;padding:var(--space-6) 0;background:var(--gradient-subtle-bg);border-radius:var(--radius-lg);margin-bottom:var(--space-8)}._pageHeader_v68qe_2._decorated_v68qe_13:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--accent-line-medium);background:var(--gradient-accent-line);opacity:.8}._pageHeader_v68qe_2._decorated_v68qe_13:after{content:"";position:absolute;top:var(--space-4);right:var(--space-6);width:var(--decorator-size-sm);height:var(--decorator-size-sm);border-radius:50%;background:var(--color-turquoise-300);opacity:.5;animation:_decoratorPulse_v68qe_1 3s ease-in-out infinite}._pageHeader_v68qe_2._decorated_v68qe_13 ._headerContent_v68qe_8{padding:0 var(--space-6)}._title_v68qe_50{font-size:var(--text-3xl);color:var(--color-navy-900);font-weight:var(--font-semibold);line-height:1.2;margin:0 0 var(--space-2) 0}._subtitle_v68qe_59{font-size:var(--text-lg);color:var(--color-gray-900);line-height:1.4;margin:0 0 var(--space-3) 0;font-weight:var(--font-normal)}._backButton_v68qe_68{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-navy-700);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);margin-bottom:var(--space-3)}._backButton_v68qe_68:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-navy-900)}._backButton_v68qe_68:active{transform:scale(.98)}._backButton_v68qe_68:focus{outline:2px solid var(--color-turquoise-500);outline-offset:2px}._decorativeLine_v68qe_100{width:60px;height:2px;background:linear-gradient(90deg,var(--color-turquoise-700) 0%,transparent 100%);border-radius:var(--radius-full);animation:_lineSlide_v68qe_1 var(--duration-slow) var(--ease-out) .2s both;margin-top:var(--space-2)}._decorativeLine_v68qe_100._enhanced_v68qe_110{width:80px;height:var(--accent-line-medium);background:var(--gradient-accent-line);position:relative}._decorativeLine_v68qe_100._enhanced_v68qe_110:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:var(--decorator-size-sm);height:var(--decorator-size-sm);border-radius:50%;background:var(--color-turquoise-700);animation:_lineSlide_v68qe_1 var(--duration-slow) var(--ease-out) .4s both}@keyframes _fadeIn_v68qe_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes _lineSlide_v68qe_1{0%{width:0;opacity:0}to{width:60px;opacity:1}}@media (max-width: 768px){._pageHeader_v68qe_2{margin-bottom:var(--space-6)}._pageHeader_v68qe_2._decorated_v68qe_13{padding:var(--space-4) 0;margin-bottom:var(--space-6)}._pageHeader_v68qe_2._decorated_v68qe_13 ._headerContent_v68qe_8{padding:0 var(--space-4)}._title_v68qe_50{font-size:clamp(20px,4vw,24px);line-height:1.3}._subtitle_v68qe_59{font-size:var(--text-base);line-height:1.5}._backButton_v68qe_68{padding:var(--space-1) var(--space-2);gap:var(--space-1);font-size:var(--text-xs);margin-bottom:var(--space-2)}}@media (max-width: 640px){._pageHeader_v68qe_2{margin-bottom:var(--space-5)}._pageHeader_v68qe_2._decorated_v68qe_13{padding:var(--space-3) 0}._pageHeader_v68qe_2._decorated_v68qe_13 ._headerContent_v68qe_8{padding:0 var(--space-3)}._title_v68qe_50{font-size:var(--text-xl);margin-bottom:var(--space-1)}._subtitle_v68qe_59{font-size:var(--text-sm);margin-bottom:var(--space-3)}._decorativeLine_v68qe_100{width:40px;height:2px}._decorativeLine_v68qe_100._enhanced_v68qe_110{width:50px}._backButton_v68qe_68{padding:var(--space-1) var(--space-2);gap:var(--space-1);font-size:var(--text-xs);margin-bottom:var(--space-2)}}@media (max-width: 480px){._pageHeader_v68qe_2{margin-bottom:var(--space-4)}._pageHeader_v68qe_2._decorated_v68qe_13{padding:var(--space-2) 0}._pageHeader_v68qe_2._decorated_v68qe_13 ._headerContent_v68qe_8{padding:0 var(--space-2)}._title_v68qe_50{font-size:var(--text-lg);line-height:1.4}._subtitle_v68qe_59{font-size:var(--text-xs);margin-bottom:var(--space-2)}._decorativeLine_v68qe_100{width:30px}._decorativeLine_v68qe_100._enhanced_v68qe_110{width:35px}._pageHeader_v68qe_2._decorated_v68qe_13:after{display:none}._backButton_v68qe_68{padding:var(--space-1) var(--space-2);gap:var(--space-1);font-size:var(--text-xs);margin-bottom:var(--space-1)}}@media (prefers-reduced-motion: reduce){._pageHeader_v68qe_2,._decorativeLine_v68qe_100{animation:none}._pageHeader_v68qe_2{opacity:1;transform:none}._decorativeLine_v68qe_100{width:60px;opacity:1}}._container_1g9mg_2{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);min-height:200px;animation:_fadeIn_1g9mg_1 .3s ease-out}._loadingContent_1g9mg_16{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}._spinner_1g9mg_25{margin-bottom:var(--space-4)}._spinnerIcon_1g9mg_29{width:32px;height:32px;color:var(--color-turquoise-700);animation:_spin_1g9mg_25 1s linear infinite}._spinnerCircle_1g9mg_36{stroke-dasharray:40;stroke-dashoffset:40;animation:_spinnerDash_1g9mg_1 2s ease-in-out infinite}._message_1g9mg_43{font-size:var(--text-base);color:var(--color-gray-900);margin:0;font-weight:var(--font-medium)}._skeletonWrapper_1g9mg_51{width:100%;display:flex;flex-direction:column;gap:var(--space-4)}._skeleton_1g9mg_51{background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);padding:var(--space-4);animation:_fadeIn_1g9mg_1 .3s ease-out}._skeletonContent_1g9mg_67{display:flex;flex-direction:column;gap:var(--space-2)}._skeletonTitle_1g9mg_74,._skeletonText_1g9mg_75{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:_skeletonLoading_1g9mg_1 1.5s infinite;border-radius:var(--radius-sm)}._skeletonTitle_1g9mg_74{height:20px;width:60%;margin-bottom:var(--space-1)}._skeletonText_1g9mg_75{height:16px}._skeletonText_1g9mg_75:nth-child(2){width:80%}._skeletonText_1g9mg_75:nth-child(3){width:50%}@keyframes _fadeIn_1g9mg_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes _spin_1g9mg_25{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes _spinnerDash_1g9mg_1{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes _skeletonLoading_1g9mg_1{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 768px){._container_1g9mg_2{padding:var(--space-8) var(--space-4);min-height:150px}._spinnerIcon_1g9mg_29{width:28px;height:28px}._message_1g9mg_43{font-size:var(--text-sm)}._skeleton_1g9mg_51{padding:var(--space-3)}}@media (prefers-reduced-motion: reduce){._container_1g9mg_2,._skeleton_1g9mg_51,._spinnerIcon_1g9mg_29{animation:none}._spinnerCircle_1g9mg_36{stroke-dasharray:none;stroke-dashoffset:0;animation:none}._skeletonTitle_1g9mg_74,._skeletonText_1g9mg_75{animation:none;background:var(--color-gray-200)}}._container_4sl5u_2{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);min-height:200px;animation:_fadeIn_4sl5u_1 .3s ease-out}._content_4sl5u_16{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px}._iconWrapper_4sl5u_25{margin-bottom:var(--space-4)}._icon_4sl5u_25{width:48px;height:48px;color:var(--color-error-500);flex-shrink:0}._title_4sl5u_38{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-navy-900);margin:0 0 var(--space-2) 0;line-height:1.3}._message_4sl5u_47{font-size:var(--text-base);color:var(--color-gray-900);margin:0 0 var(--space-6) 0;line-height:1.5}._retryButton_4sl5u_55{background:var(--color-turquoise-700);color:var(--color-white);border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-base) var(--ease-in-out);min-width:120px}._retryButton_4sl5u_55:hover{background:var(--color-turquoise-900);transform:translateY(-1px);box-shadow:var(--shadow-sm)}._retryButton_4sl5u_55:active{transform:translateY(0)}._retryButton_4sl5u_55:focus-visible{outline:2px solid var(--color-turquoise-700);outline-offset:2px}@keyframes _fadeIn_4sl5u_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){._container_4sl5u_2{padding:var(--space-8) var(--space-4);min-height:150px}._content_4sl5u_16{max-width:300px}._icon_4sl5u_25{width:40px;height:40px}._title_4sl5u_38{font-size:var(--text-lg)}._message_4sl5u_47{font-size:var(--text-sm)}._retryButton_4sl5u_55{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-width:100px}}@media (prefers-reduced-motion: reduce){._container_4sl5u_2{animation:none}._retryButton_4sl5u_55:hover,._retryButton_4sl5u_55:active{transform:none}}@media (prefers-contrast: high){._container_4sl5u_2{border-color:var(--color-gray-900)}._icon_4sl5u_25{color:var(--color-red-600)}._retryButton_4sl5u_55{border:2px solid var(--color-turquoise-900)}}._container_xpt48_2{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);min-height:200px;animation:_fadeIn_xpt48_1 .3s ease-out}._content_xpt48_16{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px}._iconWrapper_xpt48_25{margin-bottom:var(--space-4)}._icon_xpt48_25{width:48px;height:48px;color:var(--color-gray-500);flex-shrink:0;opacity:.7}._title_xpt48_39{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-gray-800);margin:0 0 var(--space-2) 0;line-height:1.3}._message_xpt48_48{font-size:var(--text-base);color:var(--color-gray-600);margin:0 0 var(--space-6) 0;line-height:1.5}._actionButton_xpt48_56{background:var(--color-turquoise-100);color:var(--color-turquoise-700);border:1px solid var(--color-turquoise-300);border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-base) var(--ease-in-out);min-width:140px}._actionButton_xpt48_56:hover{background:var(--color-turquoise-300);border-color:var(--color-turquoise-500);transform:translateY(-1px);box-shadow:var(--shadow-sm)}._actionButton_xpt48_56:active{transform:translateY(0)}._actionButton_xpt48_56:focus-visible{outline:2px solid var(--color-turquoise-700);outline-offset:2px}@keyframes _fadeIn_xpt48_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){._container_xpt48_2{padding:var(--space-8) var(--space-4);min-height:150px}._content_xpt48_16{max-width:300px}._icon_xpt48_25{width:40px;height:40px}._title_xpt48_39{font-size:var(--text-lg)}._message_xpt48_48{font-size:var(--text-sm)}._actionButton_xpt48_56{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-width:120px}}@media (prefers-reduced-motion: reduce){._container_xpt48_2{animation:none}._actionButton_xpt48_56:hover,._actionButton_xpt48_56:active{transform:none}}@media (prefers-contrast: high){._container_xpt48_2{border-color:var(--color-gray-600)}._icon_xpt48_25{color:var(--color-gray-700);opacity:1}._title_xpt48_39{color:var(--color-navy-900)}._message_xpt48_48{color:var(--color-gray-800)}._actionButton_xpt48_56{border:2px solid var(--color-turquoise-700)}}._container_m9qm1_5{position:fixed;bottom:var(--space-4);right:var(--space-4);z-index:1001;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:_slideIn_m9qm1_1 var(--duration-base) var(--ease-out)}._reconnecting_m9qm1_16{background-color:var(--color-warning-100, #fef3c7);border:1px solid var(--color-warning-300, #fcd34d);color:var(--color-warning-800, #92400e)}._disconnected_m9qm1_22{background-color:var(--color-error-100, #fee2e2);border:1px solid var(--color-error-300, #fca5a5);color:var(--color-error-800, #991b1b)}._content_m9qm1_28{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium)}._icon_m9qm1_36{width:16px;height:16px;flex-shrink:0}._spinnerIcon_m9qm1_42{width:16px;height:16px;flex-shrink:0;animation:_spin_m9qm1_42 1s linear infinite}@keyframes _slideIn_m9qm1_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes _spin_m9qm1_42{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.layout{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100vh;background:var(--color-neutral);transition:grid-template-columns var(--duration-slow) var(--ease-in-out);overflow:hidden;--sidebar-width: 260px;will-change:grid-template-columns;transform:translateZ(0)}.layout.sidebar-collapsed{--sidebar-width: 60px}:root{--sidebar-width: 260px;--sidebar-collapsed-width: 60px}.layout-main{grid-column:2;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;z-index:1}.layout-content{flex:1;padding:var(--space-8) var(--space-1) var(--space-8) var(--space-8);overflow-y:auto;overflow-x:hidden}.content-wrapper{max-width:var(--max-width);margin:0 auto;width:100%}@media (max-width: 1024px){.layout{display:block;--sidebar-width: 0}.layout-main{width:100%}.layout-content{padding:var(--space-2) var(--space-4) var(--space-5) var(--space-4);padding-top:calc(56px + var(--space-2))}}@media (max-width: 768px){.layout-content{padding:var(--space-2) var(--space-3) var(--space-4) var(--space-3);padding-top:calc(56px + var(--space-2))}}@media (max-width: 640px){.layout-content{padding:var(--space-1) var(--space-2) var(--space-3) var(--space-2);padding-top:calc(56px + var(--space-1))}}@media (max-width: 480px){.layout-content{padding:var(--space-1) var(--space-2) var(--space-3) var(--space-2);padding-top:calc(56px + var(--space-1))}}.layout-content::-webkit-scrollbar{width:6px}.layout-content::-webkit-scrollbar-track{background:transparent}.layout-content::-webkit-scrollbar-thumb{background:var(--color-gray-200);border-radius:3px}.layout-content::-webkit-scrollbar-thumb:hover{background:var(--color-gray-300)}._authPage_uafpt_2{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);padding:48px}._authFormWrapper_uafpt_12{width:100%;max-width:420px;background:#fff;padding:48px;border-radius:16px;box-shadow:0 4px 24px #00000014;animation:_fadeInUp_uafpt_1 .6s ease-out}@keyframes _fadeInUp_uafpt_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){._authPage_uafpt_2{padding:24px}._authFormWrapper_uafpt_12{padding:32px 24px}}@media (prefers-reduced-motion: reduce){._authFormWrapper_uafpt_12{animation:none}}._content_zybnc_5{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-4)}._iconContainer_zybnc_13{width:64px;height:64px;border-radius:var(--radius-full);background-color:var(--color-warning-100, #fef3c7);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}._icon_zybnc_13{width:32px;height:32px;color:var(--color-warning-600, #d97706)}._title_zybnc_30{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-navy-900);margin:0 0 var(--space-2) 0}._description_zybnc_37{font-size:var(--text-sm);color:var(--color-gray-600);margin:0 0 var(--space-4) 0}._sessionCard_zybnc_43{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--space-4);text-align:left}._sessionIcon_zybnc_56{width:48px;height:48px;border-radius:var(--radius-md);background-color:var(--color-navy-100);display:flex;align-items:center;justify-content:center;flex-shrink:0}._sessionIcon_zybnc_56 svg{width:24px;height:24px;color:var(--color-navy-700)}._sessionInfo_zybnc_73{flex:1;min-width:0}._sessionDevice_zybnc_78{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-navy-900);margin-bottom:var(--space-1)}._sessionDetails_zybnc_85{font-size:var(--text-xs);color:var(--color-gray-500);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}._separator_zybnc_94{color:var(--color-gray-300)}._warning_zybnc_98{font-size:var(--text-sm);color:var(--color-gray-600);margin:0 0 var(--space-6) 0;line-height:1.5}._actions_zybnc_105{display:flex;gap:var(--space-3);width:100%;margin-bottom:var(--space-4)}._actions_zybnc_105>button{flex:1}._timer_zybnc_116{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-gray-500)}._timerIcon_zybnc_124{width:16px;height:16px}@media (max-width: 480px){._sessionCard_zybnc_43{flex-direction:column;text-align:center}._sessionDetails_zybnc_85{justify-content:center}._actions_zybnc_105{flex-direction:column}}._authForm_11z3f_2{display:flex;flex-direction:column;gap:8px}._authForm_11z3f_2>*{animation:_fadeInUp_11z3f_1 .5s ease-out backwards}._authForm_11z3f_2>*:nth-child(1){animation-delay:.1s}._authForm_11z3f_2>*:nth-child(2){animation-delay:.2s}._authForm_11z3f_2>*:nth-child(3){animation-delay:.3s}._authForm_11z3f_2>*:nth-child(4){animation-delay:.4s}._authForm_11z3f_2>*:nth-child(5){animation-delay:.5s}._authForm_11z3f_2>*:nth-child(6){animation-delay:.6s}._authForm_11z3f_2>*:nth-child(7){animation-delay:.7s}@keyframes _fadeInUp_11z3f_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._authFormHeader_11z3f_46{text-align:center;margin-bottom:16px}._authWelcomeTitle_11z3f_51{font-size:28px;font-weight:600;color:var(--color-navy-700);margin-bottom:8px}._authWelcomeSubtitle_11z3f_58{font-size:16px;color:var(--color-gray-900)}._authFieldGroup_11z3f_64{position:relative;margin-bottom:24px}._authFieldIcon_11z3f_69{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-gray-900);pointer-events:none;transition:color .2s ease,transform .2s ease}._authInput_11z3f_82{width:100%;height:52px;padding:0 16px 0 56px;background:var(--color-gray-100);border:2px solid transparent;border-radius:12px;font-size:16px;font-family:inherit;color:var(--color-navy-900);transition:all .2s ease}._authInput_11z3f_82::placeholder{color:var(--color-gray-900)}._authInput_11z3f_82:hover{background:#fff;border-color:var(--color-gray-500)}._authInput_11z3f_82:focus{outline:none;background:#fff;border-color:var(--color-turquoise-700);box-shadow:0 0 0 3px #1abc9c1a}._authInput_11z3f_82:focus-visible{outline:3px solid var(--color-turquoise-700);outline-offset:-3px}._authInput_11z3f_82:focus~._authFieldIcon_11z3f_69{color:var(--color-turquoise-700);transform:translateY(-50%) scale(1.1)}._authInput_11z3f_82._error_11z3f_122{border-color:var(--color-error-500);background:#fff}._authInput_11z3f_82._error_11z3f_122:focus{box-shadow:0 0 0 3px #e74c3c1a}._authPasswordToggle_11z3f_132{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--color-gray-900);transition:color .2s ease,transform .2s ease;border-radius:6px}._authPasswordToggle_11z3f_132:hover{color:var(--color-navy-700);background:var(--color-gray-100)}._authPasswordToggle_11z3f_132:active{transform:translateY(-50%) scale(.95)}._authFormOptions_11z3f_160{display:flex;justify-content:space-between;align-items:center}._authRememberGroup_11z3f_166{display:flex;align-items:center;gap:8px;cursor:pointer}._authCheckbox_11z3f_173{width:20px;height:20px;accent-color:var(--color-turquoise-700);cursor:pointer;transition:transform .2s ease}._authCheckbox_11z3f_173:hover{transform:scale(1.1)}._authCheckbox_11z3f_173:active{transform:scale(.95)}._authRememberLabel_11z3f_189{font-size:14px;color:var(--color-navy-700);-webkit-user-select:none;user-select:none}._authForgotPassword_11z3f_195{font-size:14px;color:var(--color-turquoise-700);text-decoration:none;font-weight:500;transition:color .2s ease}._authForgotPassword_11z3f_195:hover{color:var(--color-turquoise-900)}._authSubmitButton_11z3f_208{height:52px;background:var(--color-turquoise-700);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}._authSubmitButton_11z3f_208:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease-out,height .6s ease-out,opacity .6s ease-out;opacity:0}._authSubmitButton_11z3f_208:active:before{width:400px;height:400px;opacity:1;transition:0s}._authSubmitButton_11z3f_208:hover:not(:disabled){background:var(--color-turquoise-900);transform:translateY(-2px);box-shadow:0 8px 24px #1abc9c4d}._authSubmitButton_11z3f_208:disabled{background:var(--color-gray-700);cursor:not-allowed;transform:none}._authSubmitButton_11z3f_208._loading_11z3f_256{color:transparent}._authSubmitButton_11z3f_208._loading_11z3f_256:after{content:"";position:absolute;width:24px;height:24px;top:50%;left:50%;margin-left:-12px;margin-top:-12px;border:2px solid white;border-radius:50%;border-top-color:transparent;animation:_spin_11z3f_1 .8s linear infinite}@keyframes _spin_11z3f_1{to{transform:rotate(360deg)}}._authVersionUpdate_11z3f_280{background:linear-gradient(135deg,var(--color-turquoise-100) 0%,#e8f8f5 100%);border:1px solid var(--color-turquoise-500);border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;margin-bottom:8px;animation:_slideDown_11z3f_1 .3s ease-out}._authVersionUpdate_11z3f_280 svg{color:var(--color-turquoise-700);flex-shrink:0;animation:_rotate_11z3f_1 2s linear infinite}@keyframes _rotate_11z3f_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes _slideDown_11z3f_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._authVersionUpdate_11z3f_280 span{font-size:14px;color:var(--color-turquoise-900);font-weight:500;line-height:1.4}._authLogoutReason_11z3f_322{background:linear-gradient(135deg,var(--color-warning-100, #fef3c7) 0%,#fffbeb 100%);border:1px solid var(--color-warning-500, #f59e0b);border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;margin-bottom:8px;animation:_slideDown_11z3f_1 .3s ease-out}._authLogoutReason_11z3f_322 svg{color:var(--color-warning-600, #d97706);flex-shrink:0}._authLogoutReason_11z3f_322 span{font-size:14px;color:var(--color-warning-800, #92400e);font-weight:500;line-height:1.4}._authGeneralError_11z3f_347{background:var(--color-error-100);border:1px solid var(--color-error-500);border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;margin-bottom:8px;animation:_shake_11z3f_1 .3s ease-in-out}._authGeneralError_11z3f_347 svg{color:var(--color-error-500);flex-shrink:0}._authGeneralError_11z3f_347 span{font-size:14px;color:var(--color-error-700);line-height:1.4}._authFieldError_11z3f_371{position:absolute;bottom:-20px;left:0;font-size:13px;color:var(--color-error-500);display:flex;align-items:center;gap:6px;white-space:nowrap}._authErrorAlert_11z3f_383{background:var(--color-error-100);border:1px solid var(--color-error-500);border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:12px;animation:_shake_11z3f_1 .3s ease-in-out}@keyframes _shake_11z3f_1{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}._authErrorIcon_11z3f_400{width:20px;height:20px;color:var(--color-error-500);flex-shrink:0}._authErrorMessage_11z3f_407{font-size:14px;color:var(--color-error-700);line-height:1.5}._authFormFooter_11z3f_414{text-align:center;padding-top:8px;border-top:1px solid var(--color-gray-500)}._authFooterText_11z3f_420{font-size:14px;color:var(--color-gray-900);margin-right:8px}._authFooterLink_11z3f_426{font-size:14px;color:var(--color-turquoise-700);text-decoration:none;font-weight:500;transition:color .2s ease}._authFooterLink_11z3f_426:hover{color:var(--color-turquoise-900)}@media (max-width: 768px){._authFormOptions_11z3f_160{flex-direction:column;gap:16px;align-items:flex-start}}._authCheckbox_11z3f_173:focus-visible{outline:2px solid var(--color-turquoise-700);outline-offset:2px}._authForgotPassword_11z3f_195:focus-visible,._authFooterLink_11z3f_426:focus-visible{outline:2px solid var(--color-turquoise-700);outline-offset:2px;border-radius:4px}._authSubmitButton_11z3f_208:focus-visible{outline:3px solid var(--color-turquoise-700);outline-offset:2px}._authPasswordToggle_11z3f_132:focus-visible{outline:2px solid var(--color-turquoise-700);outline-offset:0}@media (prefers-reduced-motion: reduce){._authForm_11z3f_2>*,._authInput_11z3f_82,._authPasswordToggle_11z3f_132,._authForgotPassword_11z3f_195,._authSubmitButton_11z3f_208,._authSubmitButton_11z3f_208:before,._authSubmitButton_11z3f_208._loading_11z3f_256:after,._authErrorAlert_11z3f_383,._authFooterLink_11z3f_426,._authFieldIcon_11z3f_69{animation:none!important;transition:none!important}._authInput_11z3f_82:focus{border-color:var(--color-turquoise-700);box-shadow:0 0 0 3px #1abc9c1a}._authInput_11z3f_82._error_11z3f_122{border-color:var(--color-error-500)}._authSubmitButton_11z3f_208:hover:not(:disabled){background:var(--color-turquoise-900);transform:none;box-shadow:none}}.auth-form-header{text-align:center;margin-bottom:40px}.auth-welcome-title{font-size:28px;font-weight:600;color:var(--color-navy-700);margin-bottom:8px}.auth-welcome-subtitle{font-size:16px;color:var(--color-gray-900)}.auth-form{display:flex;flex-direction:column;gap:24px}.auth-field-group{position:relative}.auth-field-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-gray-900);pointer-events:none;transition:color .2s ease}.auth-input{width:100%;height:52px;padding:0 16px 0 48px;background:var(--color-gray-100);border:2px solid transparent;border-radius:12px;font-size:16px;font-family:inherit;color:var(--color-navy-900);transition:all .2s ease}.auth-input::placeholder{color:var(--color-gray-900)}.auth-input:hover{background:#fff;border-color:var(--color-gray-500)}.auth-input:focus{outline:none;background:#fff;border-color:var(--color-turquoise-700);box-shadow:0 0 0 3px #1abc9c1a}.auth-input:focus~.auth-field-icon{color:var(--color-turquoise-700)}.auth-input.error{border-color:var(--color-error-500);background:#fff}.auth-input.error:focus{box-shadow:0 0 0 3px #e74c3c1a}.auth-field-error{margin-top:8px;font-size:13px;color:var(--color-error-500);display:flex;align-items:center;gap:6px}.auth-form-options{display:flex;justify-content:space-between;align-items:center}.auth-remember-group{display:flex;align-items:center;gap:8px;cursor:pointer}.auth-checkbox{width:20px;height:20px;accent-color:var(--color-turquoise-700);cursor:pointer}.auth-remember-label{font-size:14px;color:var(--color-navy-700);-webkit-user-select:none;user-select:none}.auth-forgot-password{font-size:14px;color:var(--color-turquoise-700);text-decoration:none;font-weight:500;transition:color .2s ease}.auth-forgot-password:hover{color:var(--color-turquoise-900)}.auth-submit-button{height:52px;background:var(--color-turquoise-700);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.auth-submit-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.auth-submit-button:active:before{width:300px;height:300px}.auth-submit-button:hover:not(:disabled){background:var(--color-turquoise-900);transform:translateY(-2px);box-shadow:0 8px 24px #1abc9c4d}.auth-submit-button:disabled{background:var(--color-gray-700);cursor:not-allowed;transform:none}.auth-submit-button.loading{color:transparent}.auth-submit-button.loading:after{content:"";position:absolute;width:24px;height:24px;top:50%;left:50%;margin-left:-12px;margin-top:-12px;border:2px solid white;border-radius:50%;border-top-color:transparent;animation:spin .8s linear infinite}.auth-error-alert{background:var(--color-error-100);border:1px solid var(--color-error-500);border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:12px;margin-bottom:24px;animation:shake .3s ease-in-out}.auth-error-icon{width:20px;height:20px;color:var(--color-error-500);flex-shrink:0}.auth-error-message{font-size:14px;color:var(--color-error-700);line-height:1.5}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 768px){.auth-welcome-title{font-size:24px}.auth-form-options{flex-direction:column;gap:16px;align-items:flex-start}}:root{--color-error-100: #fef2f2;--color-error-500: #ef4444;--color-error-700: #b91c1c}.certificates-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.certificate-list-item{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:all var(--hover-duration) var(--hover-timing);cursor:pointer;will-change:transform,box-shadow,border-color}.certificate-list-item.expired{background:var(--color-gray-50);border-color:var(--color-gray-200);opacity:.85}.certificate-list-item.expired .certificate-list-title{color:var(--color-gray-700)}.certificate-list-item.expired .certificate-list-description{color:var(--color-gray-500)}.certificate-list-item.expired .validity-date{color:var(--color-error-600);font-weight:var(--font-weight-bold)}.certificate-list-item.inactive,.certificate-list-item.suspended,.certificate-list-item.revoked{background:var(--color-gray-50);border-color:var(--color-gray-200);opacity:.75}.certificate-list-item:hover{transform:translateY(-2px);box-shadow:0 8px 32px #1abc9c1f;border-color:var(--color-turquoise-600)}.certificate-list-item.expired:hover,.certificate-list-item.inactive:hover,.certificate-list-item.suspended:hover,.certificate-list-item.revoked:hover{box-shadow:0 4px 16px #00000014;border-color:var(--color-gray-300)}.certificate-list-item:active{transform:translateY(-1px);transition-duration:.15s}.certificate-list-item:focus-visible{outline:2px solid var(--color-turquoise-700);outline-offset:2px}.certificate-list-indicator{position:absolute;left:0;top:0;width:5px;height:100%;border-radius:3px 0 0 3px}.certificate-list-indicator.active{background:var(--color-turquoise-700)}.certificate-list-indicator.expiring{background:var(--color-warning-500)}.certificate-list-indicator.expired{background:var(--color-error-500)}.certificate-list-indicator.inactive{background:var(--color-gray-300)}.certificate-list-indicator.suspended{background:var(--color-warning-700)}.certificate-list-indicator.revoked{background:var(--color-error-700)}.certificate-list-indicator.unknown{background:var(--color-gray-400)}.certificate-list-content{padding:var(--spacing-5) var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-5)}.certificate-list-icon{width:48px;height:48px;background:var(--color-turquoise-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-turquoise-700);transition:all var(--hover-duration) var(--hover-timing)}.certificate-list-item.expired .certificate-list-icon,.certificate-list-item.inactive .certificate-list-icon,.certificate-list-item.revoked .certificate-list-icon,.certificate-list-item.unknown .certificate-list-icon{background:var(--color-gray-100);color:var(--color-gray-500)}.certificate-list-item.expiring .certificate-list-icon,.certificate-list-item.suspended .certificate-list-icon{background:var(--color-warning-100);color:var(--color-warning-700)}.certificate-list-item:hover .certificate-list-icon{transform:scale(1.1)}.certificate-list-info{flex:1;min-width:0;padding-right:var(--spacing-4)}.certificate-list-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-navy-900);margin:0 0 var(--spacing-2) 0;font-family:var(--font-family-mono)}.certificate-list-description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.certificate-list-validity{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-2);min-width:140px;padding:0 var(--spacing-3)}.validity-label{font-size:var(--font-size-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}.validity-date{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-navy-900)}.certificate-list-status{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;transition:transform var(--hover-duration) var(--hover-timing);min-width:120px;justify-content:center}.certificate-list-item:hover .certificate-list-status{transform:scale(1.05)}.certificate-list-status.active{background:#1abc9c26;color:var(--color-turquoise-900);border:1px solid rgba(26,188,156,.3)}.certificate-list-status.expiring{background:#fbbf2426;color:#b45309;border:1px solid rgba(251,191,36,.3)}.certificate-list-status.expired{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.certificate-list-status.inactive{background:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.certificate-list-status.suspended{background:#fbbf2426;color:#b45309;border:1px solid rgba(251,191,36,.3)}.certificate-list-status.revoked{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.certificate-list-status.unknown{background:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.certificate-list-actions{display:flex;align-items:center;gap:var(--spacing-3);opacity:0;transition:opacity var(--hover-duration) var(--hover-timing);margin-left:var(--spacing-3)}.certificate-list-item:hover .certificate-list-actions{opacity:1}.action-btn.action-edit:hover{color:var(--color-turquoise-700)}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) 0;margin-top:var(--spacing-4);border-top:1px solid var(--color-gray-100)}@media (max-width: 768px){.certificate-list-content{padding:var(--spacing-4) var(--spacing-5);gap:var(--spacing-3);flex-wrap:wrap}.certificate-list-icon{width:40px;height:40px}.certificate-list-validity{width:100%;order:3;flex-direction:row;justify-content:space-between;align-items:center;margin-top:var(--spacing-2)}.certificate-list-actions{opacity:1}.pagination-container{flex-direction:column;gap:var(--spacing-3);align-items:stretch}.pagination-controls{justify-content:center}}@media (max-width: 480px){.certificate-list-content{padding:var(--spacing-3);gap:var(--spacing-2)}.certificate-list-icon{width:32px;height:32px}.certificate-list-title{font-size:var(--font-size-sm)}.certificate-list-description{font-size:var(--font-size-xs)}.certificate-list-status{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}}@media (prefers-contrast: high){.certificate-list-item{border-width:2px}.certificate-list-indicator{width:6px}.certificate-list-status{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.certificate-list-item,.certificate-list-icon,.certificate-list-status,.action-btn{transition:none}}.filter-bar-select{padding:var(--spacing-2) var(--spacing-3);padding-right:calc(var(--spacing-3) + 20px);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%236B7075' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-2) center;background-size:20px 20px;font-size:var(--font-size-base);color:var(--color-navy-900);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s ease;min-width:140px}.certificates-page{width:100%;min-height:100vh;padding:0 0 var(--space-6) 0;max-width:1400px;margin:0 auto}.certificates-page.page-decorated{position:relative}.certificates-page.page-decorated:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:var(--gradient-mesh-bg);opacity:.3;pointer-events:none;z-index:-1}.certificates-tabs{margin-bottom:var(--space-6)}.certificates-actions{display:flex;justify-content:flex-end;align-items:center;margin-bottom:var(--spacing-4);gap:var(--spacing-3)}.btn-add-certificate svg{display:inline-block;vertical-align:middle}.certificates-content{width:100%;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 4px 20px #00000014;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.certificates-table{width:100%;border-collapse:collapse}.certificates-table thead{background:var(--color-gray-50);border-bottom:2px solid var(--color-gray-100);position:relative}.certificates-table thead.table-header-decorated{background:var(--gradient-subtle-bg);border-bottom:var(--accent-line-thin) solid transparent;background-clip:padding-box}.certificates-table thead.table-header-decorated:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--accent-line-thin);background:var(--gradient-accent-line);opacity:.8}.certificates-table th{padding:var(--spacing-4) var(--spacing-5);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);white-space:nowrap;position:relative}.certificates-table tbody tr{border-bottom:1px solid var(--color-gray-100);transition:var(--transition-all)}.certificates-table tbody tr:hover{background:var(--color-gray-50)}.certificates-table tbody tr:last-child{border-bottom:none}.certificates-table td{padding:var(--spacing-4) var(--spacing-5);font-size:var(--font-size-base);color:var(--color-gray-900)}.certificate-series{font-family:var(--font-family-mono);font-weight:var(--font-weight-medium);color:var(--color-primary-700)}.certificate-type{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);background:var(--color-primary-50);color:var(--color-primary-700);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.certificate-status{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.status-expiring{background:var(--color-warning-100);color:var(--color-warning-600)}.status-dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.certificate-validity{font-size:var(--font-size-sm);color:var(--color-gray-700)}.certificate-validity-dates{color:var(--color-gray-600);font-size:var(--font-size-xs)}.certificate-actions{display:flex;align-items:center;gap:var(--spacing-2)}.action-btn{padding:var(--spacing-2);border:none;background:none;color:var(--color-gray-500);cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-all);display:inline-flex;align-items:center;justify-content:center}.action-btn.action-edit:hover{color:var(--color-primary-700)}.action-btn.action-delete:hover{color:var(--color-danger-600)}.action-btn svg{width:18px;height:18px}.pagination-btn{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-gray-200);background:var(--color-white);color:var(--color-gray-700);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all)}.pagination-btn:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-300)}.pagination-btn.active{background:var(--color-primary-700);color:var(--color-white);border-color:var(--color-primary-700)}.empty-state{padding:var(--spacing-16) var(--spacing-8);text-align:center}.empty-state-icon{width:80px;height:80px;margin:0 auto var(--spacing-6);display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:var(--radius-full);color:var(--color-gray-400)}.empty-state-icon svg{width:40px;height:40px}.empty-state-title{font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-2)}.empty-state-description{font-size:var(--font-size-base);color:var(--color-gray-600);margin-bottom:var(--spacing-6)}@media (max-width: 1024px){.certificates-page{padding:0 0 var(--space-5) 0}}@media (max-width: 768px){.certificates-page{padding:0 0 var(--space-4) 0;max-width:100%}.certificates-main{padding:0 var(--spacing-4) var(--spacing-4)}.certificates-actions{flex-direction:column;align-items:stretch;gap:var(--space-3)}.export-buttons{display:flex;gap:var(--space-2);order:2}.export-buttons .btn-export{flex:1;justify-content:center;font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.btn-add-certificate{width:100%;order:1}.table-container{display:none}.certificates-cards{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-4)}.certificate-card{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--spacing-4);transition:var(--transition-all)}.certificate-card:hover{box-shadow:var(--shadow-sm)}.certificate-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.certificate-card-series{font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold);color:var(--color-primary-700);font-size:var(--font-size-base)}.certificate-card-body{display:flex;flex-direction:column;gap:var(--spacing-2)}.certificate-card-row{display:flex;justify-content:space-between;align-items:center}.certificate-card-label{font-size:var(--font-size-sm);color:var(--color-gray-600)}.certificate-card-value{font-size:var(--font-size-sm);color:var(--color-gray-900);font-weight:var(--font-weight-medium)}.certificate-card-actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-gray-100)}.certificate-card-actions .btn{flex:1;justify-content:center}}@media (max-width: 640px){.certificates-page{padding:0 0 var(--space-3) 0}}.certificates-loading{padding:var(--spacing-16);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4)}.loading-spinner{width:48px;height:48px;border:3px solid var(--color-gray-200);border-top-color:var(--color-accent-600);border-radius:var(--radius-full);animation:spin 1s linear infinite}.loading-text{font-size:var(--font-size-base);color:var(--color-gray-600)}.user-menu{position:relative}.user-menu-button{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .2s}.user-menu-button:hover{background:#f0f0f0}.user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:200px;z-index:1000;padding:8px}.user-dropdown-button{width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;border-radius:4px;transition:background .2s;font-size:var(--font-size-base)}.user-dropdown-button:hover{background:var(--color-gray-50)}.user-dropdown-button-danger{color:var(--color-danger-600)}.user-dropdown-button-danger:hover{background:var(--color-danger-50)}.modal-close-btn:hover{background:var(--color-gray-100);color:var(--color-gray-600)}@media (min-width: 1024px){.certificates-stats{grid-template-columns:repeat(4,1fr)}.certificates-cards{display:none}}.success-message{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-success-100);color:var(--color-success-700);border:1px solid var(--color-success-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);font-size:var(--font-size-base);animation:slideDown .3s ease-out}.success-message svg{flex-shrink:0}.export-error-message{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-danger-100);color:var(--color-danger-700);border:1px solid var(--color-danger-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);font-size:var(--font-size-base);animation:slideDown .3s ease-out}.export-error-message svg{flex-shrink:0}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--card-bg);border-radius:var(--radius-lg);text-align:center}.loading-container.loading-sm{min-height:200px;padding:var(--space-8)}.loading-container.loading-md{min-height:400px;padding:var(--space-12)}.loading-container.loading-lg{min-height:600px;padding:var(--space-16)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-gray-200);border-top:3px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.loading-message{font-size:var(--text-sm);color:var(--color-gray-600);font-weight:var(--font-medium)}._stepContainer_odzx9_1{animation:_fadeIn_odzx9_1 .3s ease-out;padding-top:var(--space-2)}@keyframes _fadeIn_odzx9_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._stepTitle_odzx9_17{font-size:22px;font-weight:600;color:var(--color-primary);margin:0 0 8px}._stepSubtitle_odzx9_24{font-size:15px;color:#7f8c8d;margin:0 0 32px;line-height:1.5}._formGrid_odzx9_31{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;row-gap:16px}._formGroup_odzx9_38{display:flex;flex-direction:column;min-width:0;max-width:100%}._formGroup_odzx9_38._fullWidth_odzx9_45{grid-column:1 / -1}._label_odzx9_49{display:block;font-size:14px;font-weight:500;color:var(--color-primary);margin:0}._label_odzx9_49:after{content:" *";color:#e74c3c}._hint_odzx9_62{font-size:13px;color:#7f8c8d;margin-top:6px;display:flex;align-items:center;gap:6px}._hint_odzx9_62:before{content:"i";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--color-accent);color:#fff;border-radius:50%;font-size:10px;font-weight:700}._required_odzx9_85{color:#e74c3c}._reviewSections_odzx9_90{display:flex;flex-direction:column;gap:32px}._reviewSection_odzx9_90{background:#f8f9fa;border-radius:8px;padding:24px;border:1px solid #e9ecef}._sectionTitle_odzx9_103{font-size:18px;font-weight:600;color:var(--color-primary);margin:0 0 16px}._reviewGrid_odzx9_110{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}._reviewItem_odzx9_116{display:flex;flex-direction:column;gap:4px}._reviewLabel_odzx9_122{font-size:13px;color:#6c757d;font-weight:500}._reviewValue_odzx9_128{font-size:15px;font-weight:500;color:var(--text-primary);word-break:break-word}._confirmationBox_odzx9_135{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin-top:24px}._confirmIcon_odzx9_146{color:#f39c12;flex-shrink:0;margin-top:2px}._confirmText_odzx9_152{font-size:14px;color:#856404;margin:0;line-height:1.5}._infoBox_odzx9_160{background:#e3f2fd;border:1px solid #90caf9;border-radius:6px;padding:16px;margin-top:16px}._infoText_odzx9_168{font-size:14px;color:#1565c0;margin:0;line-height:1.5}._infoText_odzx9_168+._infoText_odzx9_168{margin-top:8px}._privacyNote_odzx9_179{margin-top:24px;background:#f5f5f5;border-radius:6px;border:1px solid #e0e0e0;position:relative;padding:16px 16px 16px 40px}._privacyNote_odzx9_179:before{content:"🔒";position:absolute;left:16px;top:16px;font-size:18px}._privacyNote_odzx9_179 p{font-size:13px;color:#666;margin:0;line-height:1.5}._labelWrapper_odzx9_205{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px;min-height:20px}._labelStatus_odzx9_213{display:flex;align-items:center;gap:6px;font-size:12px;color:#6c757d;margin-left:8px;flex-shrink:0}._hintText_odzx9_223{font-size:12px;color:#7f8c8d}._textSuccess_odzx9_228{color:var(--color-success-600)}._textError_odzx9_232{color:var(--color-error-600)}._spinner_odzx9_236{animation:_spin_odzx9_236 1s linear infinite;color:var(--color-primary)}@keyframes _spin_odzx9_236{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._iconSuccess_odzx9_250{color:var(--color-success-600)}._iconError_odzx9_254{color:var(--color-error-600)}._inputError_odzx9_258{border-color:var(--color-error-500)!important}._pricingStatus_odzx9_262{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;color:#6c757d}._pricingError_odzx9_271{margin-top:8px;font-size:13px;color:var(--color-error-600);display:flex;align-items:center;gap:6px}._searchSuccess_odzx9_280{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;color:var(--color-success-600)}._searchInfo_odzx9_289{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;color:#6c757d}._searchError_odzx9_298{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;color:var(--color-error-600)}._certificateInfo_odzx9_308{margin-top:8px;padding:12px;background:#f8f9fa;border-radius:4px;border:1px solid #e9ecef;font-size:12px;line-height:1.5}._certificateInfo_odzx9_308 p{margin:2px 0}._certificateInfo_odzx9_308 strong{font-weight:600}@media (max-width: 768px){._stepContainer_odzx9_1{overflow-x:hidden;position:relative;width:100%;max-width:100%;box-sizing:border-box}._formGroup_odzx9_38{max-width:100%;width:100%;overflow:visible;position:relative;box-sizing:border-box}._formGrid_odzx9_31,._reviewGrid_odzx9_110,._certificateGrid_odzx9_350{grid-template-columns:1fr;gap:20px;max-width:100%;width:100%;overflow:visible;box-sizing:border-box}._certificateGrid_odzx9_350{gap:8px}._imeiStatusHeader_odzx9_365{flex-direction:column}._stepTitle_odzx9_17{font-size:20px}._stepSubtitle_odzx9_24{font-size:14px;margin-bottom:24px}._reviewSection_odzx9_90{padding:20px}._labelWrapper_odzx9_205{flex-wrap:wrap;gap:4px}._labelStatus_odzx9_213{flex-shrink:1;flex-wrap:wrap;width:100%;margin-left:0;margin-top:4px}._hint_odzx9_62{word-break:break-word}}@media (max-width: 480px){._stepTitle_odzx9_17{font-size:18px}._reviewSection_odzx9_90{padding:16px}._sectionTitle_odzx9_103{font-size:16px}}.create-certificate-page{width:100%;min-height:100vh;padding:0 0 var(--space-6) 0;max-width:1200px;margin:0 auto}.progress-section{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 4px 20px #00000014;padding:var(--spacing-6) var(--spacing-6) var(--spacing-5);margin-bottom:var(--spacing-5);border:1px solid rgba(0,0,0,.05)}.progress-bar{display:flex;align-items:center;position:relative;justify-content:space-between;margin:0 auto;max-width:800px}.progress-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.step-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;margin-bottom:12px;transition:all .3s ease;position:relative;z-index:2;background:var(--color-gray-100);color:var(--color-gray-600);border:2px solid transparent}.step-circle.active{background:var(--color-accent-600);color:#fff;transform:scale(1.1);box-shadow:0 0 0 8px #1abc9c26}.step-circle.completed{background:var(--color-success-600);color:#fff}.step-label{font-size:14px;font-weight:500;text-align:center;color:var(--color-gray-600);transition:color .3s ease}.step-label.active{color:var(--color-primary-700);font-weight:600}.step-description{font-size:12px;color:var(--color-gray-500);text-align:center;margin-top:4px}.progress-line{position:absolute;top:24px;left:0;right:0;height:2px;background:var(--color-gray-200);z-index:1}.progress-line-fill{height:100%;background:var(--color-accent-600);width:0%;transition:width .6s ease}.create-certificate-content{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 4px 20px #00000014;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.error-message{display:flex;align-items:center;gap:12px;padding:var(--spacing-4);background:var(--color-error-50);border-bottom:1px solid var(--color-error-100);color:var(--color-error-600);font-size:var(--font-size-sm);font-weight:500}.error-message svg{flex-shrink:0}.form-section{padding:var(--spacing-6);min-height:400px;margin-top:var(--spacing-3)}.form-navigation{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-5) var(--spacing-6);background:var(--color-gray-50);border-top:1px solid var(--color-gray-100);gap:var(--spacing-4)}.form-navigation button{display:flex;align-items:center;gap:8px}@media (max-width: 1024px){.create-certificate-page{padding:0 0 var(--space-5) 0}}@media (max-width: 768px){.create-certificate-page{padding:0 0 var(--space-4) 0;max-width:100%}.progress-section{padding:var(--spacing-4);margin-bottom:var(--spacing-6)}.progress-bar{flex-direction:column;align-items:stretch;gap:0}.progress-step{flex-direction:row;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) 0}.progress-step:not(:last-child){border-bottom:1px solid var(--color-gray-100)}.progress-line{display:none}.step-circle{width:36px;height:36px;font-size:14px;margin-bottom:0;flex-shrink:0}.step-circle.active{box-shadow:0 0 0 4px #1abc9c26;transform:none}.step-label{font-size:14px;text-align:left;flex:1}.step-description{display:none}.form-section{padding:var(--spacing-5);padding-top:var(--spacing-6);overflow-x:hidden;max-width:100%;box-sizing:border-box}.form-navigation{flex-direction:column;padding:var(--spacing-4);gap:var(--spacing-3);position:sticky;bottom:0;background:var(--color-white);z-index:10;padding-bottom:calc(var(--spacing-4) + env(safe-area-inset-bottom,0px))}.form-navigation button{width:100%;justify-content:center;min-height:48px}}@media (max-width: 480px){.progress-section{padding:var(--spacing-3);border-radius:var(--radius-lg)}.progress-bar{flex-direction:row;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) 0}.progress-step{flex-direction:column;align-items:center;padding:0;flex:0 0 auto}.progress-step:not(:last-child){border-bottom:none}.step-circle{width:12px;height:12px;font-size:0;border-radius:50%;background:var(--color-gray-200);border:none}.step-circle.active{width:24px;background:var(--color-accent-600);border-radius:12px;box-shadow:none}.step-circle.completed{background:var(--color-success-600)}.step-label{display:none}.progress-section:before{content:attr(data-step-title);display:block;text-align:center;font-size:var(--text-sm);font-weight:600;color:var(--color-gray-700);margin-bottom:var(--spacing-3)}.form-section{padding:var(--spacing-3);min-height:auto}.form-navigation{padding:var(--spacing-3);gap:var(--spacing-2)}.form-navigation button{min-height:44px;font-size:var(--text-sm)}}@media (hover: none) and (pointer: coarse){.step-circle:hover{transform:none}.form-navigation button:active{transform:scale(.98)}}@media (prefers-reduced-motion: reduce){.step-circle,.progress-line-fill{transition:none}}.certificate-detail-page{width:100%;min-height:100vh;padding:0;max-width:1400px;margin:0 auto;margin-bottom:calc(-1 * var(--space-8))}.notification{margin:var(--spacing-4) 0;padding:var(--spacing-4);border-radius:var(--radius-lg);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-success{background:#1abc9c1a;border:1px solid rgba(26,188,156,.3)}.notification-content{display:flex;align-items:center;gap:var(--spacing-3)}.notification-icon{color:var(--color-accent);flex-shrink:0}.notification-message{flex:1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.notification-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-gray-600);cursor:pointer;transition:all var(--duration-base) var(--ease-in-out)}.notification-close:hover{background:#1abc9c26;color:var(--color-accent)}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4);gap:var(--spacing-4)}.detail-header>div[class*=pageHeader]{margin-bottom:0!important}.detail-actions{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-4)}.btn-create-claim{background:var(--color-accent);color:var(--color-white);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;transition:all var(--hover-duration) var(--hover-timing);box-shadow:0 2px 4px #1abc9c33;will-change:transform,background-color,box-shadow}.btn-create-claim:hover:not(:disabled){background:var(--color-turquoise-900);transform:scale(var(--hover-scale-small));box-shadow:0 4px 12px #1abc9c4d}.btn-create-claim:active:not(:disabled){background:var(--color-turquoise-900);transform:scale(.98);transition-duration:.15s}.btn-create-claim:focus{outline:2px solid var(--color-turquoise-900);outline-offset:2px}.btn-create-claim:disabled,.btn-create-claim.disabled{opacity:.5;cursor:not-allowed;background:var(--color-gray-400)}.btn-create-claim:disabled:hover,.btn-create-claim.disabled:hover{transform:none;box-shadow:0 2px 4px #1abc9c33}.status-expired{background:var(--color-danger-100);color:var(--color-danger-600)}.status-overdue{background:var(--color-danger-50);color:var(--color-danger-600)}.status-cancelled{background:var(--color-warning-100);color:var(--color-warning-600)}.client-icon{width:48px;height:48px;background:#1abc9c1a;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-accent)}.client-icon svg{width:24px;height:24px}.device-icon{width:48px;height:48px;background:#1abc9c1a;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-accent)}.device-icon svg{width:24px;height:24px}.retail-section{margin-bottom:var(--spacing-5)}.retail-section:last-child{margin-bottom:0}.retail-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4)}.retail-header{display:flex;align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.retail-icon{width:48px;height:48px;background:#1abc9c1a;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-accent);flex-shrink:0}.retail-icon svg{width:24px;height:24px}.retail-details{flex:1}.retail-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-1) 0}.retail-code{font-size:var(--font-size-sm);color:var(--color-gray-600)}.retail-description{font-size:var(--font-size-base);color:var(--color-gray-700);line-height:1.6;margin:0 0 var(--spacing-3) 0}.retail-meta{margin-top:var(--spacing-3)}.branch-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4)}.branch-header{margin-bottom:var(--spacing-4)}.branch-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-1) 0}.branch-code{font-size:var(--font-size-sm);color:var(--color-gray-600)}.branch-details{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.branch-meta{padding-top:var(--spacing-4);border-top:1px solid var(--color-gray-200)}.empty-icon{width:64px;height:64px;background:#1abc9c1a;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-3)}.empty-icon svg{width:32px;height:32px;color:var(--color-accent)}.claims-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.claim-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4);transition:all var(--duration-base) var(--ease-in-out)}.claim-card:hover{border-color:var(--color-gray-300);box-shadow:0 2px 4px #0000000d}.claim-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.claim-info{flex:1}.claim-number{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-1) 0}.claim-date{font-size:var(--font-size-sm);color:var(--color-gray-500)}.claim-status{display:flex;align-items:center}.claim-body{margin-bottom:var(--spacing-3)}.claim-amount{display:flex;align-items:center;gap:var(--spacing-2)}.claim-label{font-size:var(--font-size-sm);color:var(--color-gray-600)}.claim-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.claim-actions{display:flex;justify-content:flex-end;gap:var(--spacing-2)}.view-claim-button{padding:var(--spacing-2) var(--spacing-3);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;transition:all var(--duration-base) var(--ease-in-out)}.view-claim-button:hover{border-color:var(--color-accent);color:var(--color-accent);background:#1abc9c0d}.create-claim-button{margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:var(--color-accent);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-white);cursor:pointer;transition:all var(--duration-base) var(--ease-in-out)}.create-claim-button:hover{background:var(--color-accent-dark);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.page-title-with-status{display:inline-flex;align-items:center;gap:var(--spacing-3)}.page-title-with-status .status-badge{margin-left:var(--spacing-2);font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}@media (max-width: 768px){.certificate-detail-page{padding:0;margin-bottom:calc(-1 * var(--space-4))}.notification{margin:var(--spacing-3) 0;padding:var(--spacing-3)}.notification-message{font-size:var(--font-size-sm)}.detail-header{flex-direction:column;gap:var(--spacing-3)}.detail-actions{justify-content:stretch;margin-bottom:var(--spacing-3)}.btn-create-claim{width:100%;justify-content:center}.detail-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{white-space:nowrap;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3)}.detail-card{padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.info-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.client-header,.device-header{flex-direction:column;text-align:center}.client-icon,.device-icon,.retail-icon{margin-bottom:var(--spacing-3)}.claim-card{padding:var(--spacing-3)}.claim-header{flex-direction:column;gap:var(--spacing-2)}.claim-actions{justify-content:stretch}.view-claim-button{flex:1;text-align:center}}@media (max-width: 640px){.certificate-detail-page{padding:0;margin-bottom:calc(-1 * var(--space-3))}}.create-claim-page{width:100%;min-height:100vh;padding:0 0 var(--space-6) 0;max-width:900px;margin:0 auto}.claim-back-button{margin-bottom:var(--spacing-4)}.certificate-info-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--spacing-4);margin-bottom:var(--spacing-5)}.certificate-info-card h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-3) 0}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-4)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-1)}.claim-form{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05);padding:var(--spacing-5)}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4);align-items:start}@media (max-width: 1024px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);align-items:start;margin-top:var(--spacing-1)}@media (max-width: 640px){.form-grid-2{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group-full{width:100%;margin-top:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group-full.form-group-spacing{margin-top:var(--spacing-6)}.form-group label,.form-group-full label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--spacing-4);align-items:flex-start}.checkbox-group .checkbox-wrapper{min-width:180px;flex:0 0 auto}.compensation-amount{display:flex;align-items:center;justify-content:center;height:44px;padding:10px 16px;background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary-600);text-align:center;box-sizing:border-box;width:100%}.readonly-field{display:flex;align-items:center;justify-content:flex-start;height:44px;padding:10px 16px;background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-base);color:var(--color-gray-700);box-sizing:border-box;width:100%;cursor:not-allowed}.claim-form .input{height:44px;box-sizing:border-box}.claim-form .select-wrapper{width:100%}.form-grid-2 .form-group{display:flex;flex-direction:column;justify-content:flex-start}.form-grid-2{align-items:start}.form-group label,.form-group-full label{margin-bottom:var(--spacing-2);display:block}.documents-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}@media (max-width: 768px){.documents-grid{grid-template-columns:1fr}}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-5);padding-top:var(--spacing-5);border-top:1px solid var(--color-gray-200)}@media (max-width: 768px){.create-claim-page{padding:0 0 var(--space-4) 0}.certificate-info-card{padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.claim-form{padding:var(--spacing-4)}.form-section{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4)}.form-grid,.info-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.form-actions{flex-direction:column-reverse;gap:var(--spacing-2)}.form-actions button{width:100%}}@media (max-width: 640px){.create-claim-page{padding:0 0 var(--space-3) 0}.certificate-info-card,.claim-form{padding:var(--spacing-3)}}.bonus-requests-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.bonus-requests-table{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%}.bonus-request-item{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:all var(--hover-duration) var(--hover-timing);cursor:pointer;will-change:transform,box-shadow,border-color;min-width:1000px}.bonus-request-item:hover{transform:translateY(-2px);box-shadow:0 8px 32px #1abc9c1f;border-color:var(--color-turquoise-600)}.bonus-request-item:active{transform:translateY(-1px);transition-duration:.15s}.bonus-request-item:focus-visible{outline:2px solid var(--color-turquoise-700);outline-offset:2px}.request-indicator{position:absolute;left:0;top:0;width:5px;height:100%;border-radius:3px 0 0 3px}.request-indicator.stage-new{background:#3b82f6}.request-indicator.stage-in-progress{background:#f97316}.request-indicator.stage-waiting-parts{background:#eab308}.request-indicator.stage-waiting-client{background:#8b5cf6}.request-indicator.stage-ready{background:#10b981}.request-indicator.stage-completed{background:var(--color-turquoise-700)}.request-indicator.stage-declined{background:#ef4444}.request-indicator.stage-cancelled{background:#6b7280}.request-indicator.stage-unknown{background:var(--color-gray-400)}.request-content{padding:var(--spacing-5) var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-5)}.request-icon{width:48px;height:48px;background:var(--color-turquoise-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-turquoise-700);transition:all var(--hover-duration) var(--hover-timing)}.bonus-request-item:hover .request-icon{transform:scale(1.1)}.request-info{flex:1;min-width:0;padding-right:var(--spacing-4)}.request-number{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-navy-900);margin:0 0 var(--spacing-2) 0;font-family:var(--font-family-mono)}.request-details{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-certificate{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-2);min-width:140px;padding:0 var(--spacing-3)}.certificate-label{font-size:var(--font-size-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}.certificate-series{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-navy-900);font-family:var(--font-family-mono)}.request-damage{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-2);min-width:120px;padding:0 var(--spacing-3)}.damage-label{font-size:var(--font-size-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}.damage-date{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-navy-900)}.request-amount{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-2);min-width:120px;padding:0 var(--spacing-3)}.amount-label{font-size:var(--font-size-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}.amount-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-turquoise-700)}.request-status{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;transition:transform var(--hover-duration) var(--hover-timing);min-width:140px;justify-content:center}.bonus-request-item:hover .request-status{transform:scale(1.05)}.request-status.stage-new{background:#3b82f626;color:#1e40af;border:1px solid rgba(59,130,246,.3)}.request-status.stage-in-progress{background:#f9731626;color:#c2410c;border:1px solid rgba(249,115,22,.3)}.request-status.stage-waiting-parts{background:#eab30826;color:#a16207;border:1px solid rgba(234,179,8,.3)}.request-status.stage-waiting-client{background:#8b5cf626;color:#6d28d9;border:1px solid rgba(139,92,246,.3)}.request-status.stage-ready{background:#10b98126;color:#047857;border:1px solid rgba(16,185,129,.3)}.request-status.stage-completed{background:#1abc9c26;color:var(--color-turquoise-900);border:1px solid rgba(26,188,156,.3)}.request-status.stage-declined{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.request-status.stage-cancelled,.request-status.stage-unknown{background:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.request-actions{display:flex;align-items:center;gap:var(--spacing-3);opacity:0;transition:opacity var(--hover-duration) var(--hover-timing);margin-left:var(--spacing-3)}.bonus-request-item:hover .request-actions{opacity:1}.action-btn{padding:var(--spacing-3);border:none;background:transparent;color:var(--color-gray-500);cursor:pointer;border-radius:var(--radius-md);transition:all var(--hover-duration) var(--hover-timing);display:inline-flex;align-items:center;justify-content:center}.action-btn.action-view:hover,.action-btn.action-edit:hover{color:var(--color-turquoise-700)}.action-btn.action-delete:hover{color:var(--color-error-600)}.action-btn svg{width:20px;height:20px}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-5);border-top:1px solid var(--color-gray-100);background:var(--color-white)}.pagination-count{color:var(--color-gray-500)}.pagination-controls{display:flex;gap:var(--spacing-2)}.pagination-btn{padding:var(--spacing-2) var(--spacing-3);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--hover-duration) var(--hover-timing)}.pagination-btn:hover:not(:disabled){background:var(--color-turquoise-100);border-color:var(--color-turquoise-700);color:var(--color-turquoise-700);transform:scale(1.05)}.bonus-requests-table-wrapper{scrollbar-width:thin;scrollbar-color:var(--color-gray-300) var(--color-gray-100)}.bonus-requests-table-wrapper::-webkit-scrollbar{height:8px}.bonus-requests-table-wrapper::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-sm)}.bonus-requests-table-wrapper::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-sm)}.bonus-requests-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}@media (max-width: 1024px) and (min-width: 769px){.bonus-requests-table-wrapper{position:relative}.bonus-requests-table-wrapper:after{content:"";position:absolute;right:0;top:0;bottom:8px;width:30px;background:linear-gradient(to right,transparent,rgba(255,255,255,.9));pointer-events:none}}@media (max-width: 1024px){.bonus-request-item{min-width:900px}}@media (max-width: 768px){.bonus-request-item{min-width:unset}.bonus-requests-table-wrapper{overflow-x:visible}.request-content{padding:var(--spacing-4);gap:var(--spacing-3);flex-wrap:wrap}.request-icon{width:40px;height:40px}.request-info{flex:1 1 calc(100% - 60px);padding-right:0}.request-certificate,.request-damage,.request-amount{flex:1 1 33%;min-width:0;order:3;align-items:flex-start;padding:0;margin-top:var(--spacing-3)}.request-status{flex:0 0 100%;order:4;margin-top:var(--spacing-3)}.request-actions{opacity:1;order:5;flex:0 0 100%;justify-content:flex-end;margin-top:var(--spacing-3);margin-left:0}.pagination-container{flex-direction:column;gap:var(--spacing-3);align-items:stretch}.pagination-controls{justify-content:center}}@media (max-width: 480px){.request-content{padding:var(--spacing-3);gap:var(--spacing-2)}.request-icon{width:32px;height:32px}.request-number{font-size:var(--font-size-sm)}.request-details{font-size:var(--font-size-xs)}.request-status{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}.request-certificate,.request-damage,.request-amount{flex:0 0 100%}}@media (prefers-contrast: high){.bonus-request-item{border-width:2px}.request-indicator{width:6px}.request-status{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.bonus-request-item,.request-icon,.request-status,.action-btn{transition:none}}.filter-bar{background:var(--color-gray-50);padding:var(--spacing-4);display:flex;gap:var(--spacing-3);align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--color-gray-100)}.filter-bar-search{flex:1;min-width:240px;position:relative}.filter-bar-search-input{width:100%;padding:var(--spacing-2) var(--spacing-3);padding-left:var(--spacing-3);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);font-size:var(--font-size-base);color:var(--color-navy-900);transition:all .2s ease}.filter-bar-search-input:focus{outline:none;border-color:var(--color-turquoise-700);box-shadow:0 0 0 3px #1eb8bd1a}.filter-bar-search-input::placeholder{color:var(--color-gray-400)}.filter-bar-filters{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.filter-bar-select{padding:var(--spacing-2) var(--spacing-3);padding-right:calc(var(--spacing-3) + 20px);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%236B7075' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-2) center;background-size:20px 20px;font-size:var(--font-size-base);color:var(--color-navy-900);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s ease;min-width:140px}.filter-bar-select:focus{outline:none;border-color:var(--color-turquoise-700);box-shadow:0 0 0 3px #1eb8bd1a}.filter-bar-select:hover{border-color:var(--color-gray-300)}.filter-bar-reset{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-600);font-size:var(--font-size-base);cursor:pointer;transition:all .2s ease}.filter-bar-reset:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-gray-700)}@media (min-width: 768px) and (max-width: 1024px){.filter-bar{padding:var(--spacing-3) var(--spacing-4);gap:var(--spacing-2)}.filter-bar-search{flex:1 1 300px;min-width:200px}.filter-bar-filters{flex:1 1 auto;gap:var(--spacing-2)}.filter-bar-select{min-width:140px;font-size:var(--font-size-base)}.filter-bar-reset{padding:var(--spacing-2) var(--spacing-4)}}@media (max-width: 767px){.filter-bar{flex-direction:column;align-items:stretch;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--color-white);border-bottom:2px solid var(--color-gray-100)}.filter-bar-search{width:100%;min-width:100%}.filter-bar-search-input{height:48px;font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4);padding-left:var(--spacing-4)}.filter-bar-filters{width:100%;flex-direction:column;gap:var(--spacing-3)}.filter-bar-select{width:100%;min-width:100%;height:48px;padding:var(--spacing-3) var(--spacing-4);padding-right:calc(var(--spacing-4) + 24px);font-size:var(--font-size-base);background-size:24px 24px;background-position:right var(--spacing-3) center}.filter-bar-reset{width:100%;height:48px;text-align:center;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);background:var(--color-gray-50);border:2px solid var(--color-gray-200)}.filter-bar-reset:hover{background:var(--color-gray-100);border-color:var(--color-gray-300)}}.bonus-requests-page{width:100%;min-height:100vh;padding:0 0 var(--space-6) 0;max-width:1400px;margin:0 auto}.bonus-requests-header,.bonus-requests-tabs{margin-bottom:var(--space-6)}.success-message{background:var(--color-turquoise-100);color:var(--color-turquoise-900);padding:var(--spacing-4) var(--spacing-5);border-radius:var(--radius-md);border:1px solid var(--color-turquoise-700);display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-6);font-weight:var(--font-weight-medium);animation:slideDown .3s ease-out}.success-message svg{width:20px;height:20px;flex-shrink:0;color:var(--color-turquoise-700)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.bonus-requests-actions{display:flex;justify-content:flex-end;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.btn-add-request{display:inline-flex;align-items:center;gap:var(--spacing-2)}.btn-add-request svg{width:20px;height:20px}.export-buttons{display:flex;gap:var(--spacing-2)}.btn-export svg{display:inline-block;vertical-align:middle}.export-error-message{background:var(--color-danger-100);color:var(--color-danger-700);padding:var(--spacing-4) var(--spacing-5);border-radius:var(--radius-md);border:1px solid var(--color-danger-300);display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-6);font-weight:var(--font-weight-medium);animation:slideDown .3s ease-out}.export-error-message svg{width:20px;height:20px;flex-shrink:0;color:var(--color-danger-600)}.bonus-requests-content{width:100%;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 4px 20px #00000014;overflow:hidden;border:1px solid rgba(0,0,0,.05)}@media (max-width: 768px){.bonus-requests-header{margin-bottom:var(--spacing-6)}.bonus-requests-actions{margin-bottom:var(--spacing-5)}.bonus-requests-content{border-radius:var(--radius-md)}.success-message{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm)}}@media (max-width: 480px){.btn-add-request{width:100%;justify-content:center}}.delete-modal-content{padding:var(--spacing-4) 0}.delete-modal-content p{margin:0 0 var(--spacing-3) 0;color:var(--color-gray-700)}.delete-modal-content strong{color:var(--color-navy-900);font-weight:var(--font-weight-semibold);font-family:var(--font-family-mono)}.delete-warning{color:var(--color-error-600)!important;font-size:var(--font-size-sm)}.delete-modal-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;padding-top:var(--spacing-4);border-top:1px solid var(--color-gray-100)}.document-upload-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.document-upload-modal{background:var(--color-white);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.document-upload-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--color-border)}.document-upload-header h2{font-size:20px;font-weight:600;color:var(--color-text-primary);margin:0}.document-upload-close{background:none;border:none;padding:8px;cursor:pointer;color:var(--color-text-secondary);border-radius:6px;transition:all .2s ease}.document-upload-close:hover:not(:disabled){background-color:var(--color-background);color:var(--color-text-primary)}.document-upload-close:disabled{opacity:.5;cursor:not-allowed}.document-upload-body{flex:1;overflow-y:auto;padding:24px}.document-upload-dropzone{border:2px dashed var(--color-border);border-radius:12px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s ease;background-color:var(--color-background)}.document-upload-dropzone:hover{border-color:var(--color-primary);background-color:#1abc9c0d}.document-upload-dropzone.dragging{border-color:var(--color-primary);background-color:#1abc9c1a;transform:scale(1.02)}.document-upload-dropzone svg{color:var(--color-text-secondary);margin-bottom:16px}.dropzone-text{font-size:16px;font-weight:500;color:var(--color-text-primary);margin:0 0 8px}.dropzone-hint{font-size:14px;color:var(--color-text-secondary);margin:0}.document-upload-files{margin-top:24px}.document-upload-files h3{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0 0 16px}.files-list{display:flex;flex-direction:column;gap:12px}.file-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:var(--color-background);border-radius:8px;border:1px solid var(--color-border)}.file-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.file-info svg{flex-shrink:0;color:var(--color-text-secondary)}.file-details{display:flex;flex-direction:column;min-width:0}.file-name{font-size:14px;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:12px;color:var(--color-text-secondary)}.file-controls{display:flex;align-items:center;gap:12px}.file-document-type{padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;color:var(--color-text-primary);background-color:var(--color-white);cursor:pointer;transition:all .2s ease;min-width:200px}.file-document-type:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1abc9c1a}.file-document-type:disabled{opacity:.5;cursor:not-allowed}.file-remove{background:none;border:none;padding:8px;cursor:pointer;color:var(--color-error);border-radius:6px;transition:all .2s ease}.file-remove:hover:not(:disabled){background-color:#dc35451a}.file-remove:disabled{opacity:.5;cursor:not-allowed}.document-upload-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid var(--color-border)}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-border)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 640px){.document-upload-modal{width:95%;max-height:95vh}.document-upload-header,.document-upload-body{padding:16px}.document-upload-dropzone{padding:32px 16px}.file-controls{flex-direction:column;align-items:stretch;gap:8px}.file-document-type{min-width:unset;width:100%}.document-upload-footer{padding:16px;flex-direction:column-reverse;gap:8px}.btn{width:100%;justify-content:center}}.bonus-request-detail-page{width:100%;min-height:100vh;padding:0 0 var(--space-6) 0;max-width:1400px;margin:0 auto}.detail-header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-3)}.status-new{background:#3b82f61a;color:#2563eb}.status-processing{background:#fbbf241a;color:#b45309}.status-waiting{background:#8b5cf61a;color:#6d28d9}.status-ready{background:#22c55e1a;color:#15803d}.status-approved{background:#10b9811a;color:#059669}.status-rejected{background:#ef44441a;color:#dc2626}.status-cancelled{background:var(--color-gray-100);color:var(--color-gray-600)}.status-unknown{background:var(--color-gray-100);color:var(--color-gray-700)}.compensation-amount{display:flex;align-items:center;gap:var(--spacing-2)}.amount-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary-600)}.detail-tabs{display:flex;gap:var(--spacing-1);border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--spacing-6)}.tab-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:none;border:none;border-bottom:2px solid transparent;color:var(--color-gray-600);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all);position:relative}.tab-button:hover{color:var(--color-gray-900)}.tab-button.active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-600)}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--spacing-1);background:var(--color-primary-100);color:var(--color-primary-700);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.tab-count.empty{background:var(--color-gray-100);color:var(--color-gray-500)}.info-value.price-highlight{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary-600)}.detail-subsection{margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--color-gray-200)}.subsection-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-4) 0}.client-info{display:flex;flex-direction:column;gap:var(--spacing-5)}.client-header{display:flex;align-items:center;gap:var(--spacing-4);padding-bottom:var(--spacing-5);border-bottom:1px solid var(--color-gray-200)}.client-avatar{width:60px;height:60px;background:var(--color-primary-500);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff}.client-avatar svg{width:30px;height:30px}.client-details{flex:1}.client-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0}.client-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.meta-item{font-size:var(--font-size-sm);color:var(--color-gray-600)}.meta-label{font-weight:var(--font-weight-medium);color:var(--color-gray-500)}.device-info{display:flex;flex-direction:column;gap:var(--spacing-5)}.device-header{display:flex;align-items:center;gap:var(--spacing-4);padding-bottom:var(--spacing-5);border-bottom:1px solid var(--color-gray-200)}.device-header>svg{width:48px;height:48px;color:var(--color-primary-500)}.device-details{flex:1}.device-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0}.device-meta{font-size:var(--font-size-sm);color:var(--color-gray-600)}.empty-state{text-align:center;padding:var(--spacing-8);color:var(--color-gray-500)}.empty-state svg{width:48px;height:48px;color:var(--color-gray-300);margin-bottom:var(--spacing-3)}.empty-state p{margin:0;font-size:var(--font-size-base)}.documents-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.documents-header .card-title{margin:0}.btn-add-document{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background-color:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add-document:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 6px #1abc9c33}.btn-add-document svg{width:18px;height:18px}.documents-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.document-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--duration-base) var(--ease-in-out)}.document-item:hover{border-color:var(--color-gray-300);box-shadow:0 2px 4px #0000000d}.document-info{display:flex;align-items:center;gap:var(--spacing-3);flex:1}.document-info>svg{width:40px;height:40px;color:var(--color-gray-400);flex-shrink:0}.document-details{display:flex;flex-direction:column;gap:var(--spacing-1)}.document-type{font-size:var(--font-size-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.document-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.document-size{font-size:var(--font-size-sm);color:var(--color-gray-500)}.document-meta{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-gray-500)}.document-separator{color:var(--color-gray-400)}.document-date{font-size:var(--font-size-xs);color:var(--color-gray-500)}.download-button{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;transition:all var(--duration-base) var(--ease-in-out)}.download-button:hover{border-color:var(--color-accent);color:var(--color-accent);background:#1abc9c0d}.download-button svg{width:16px;height:16px}.download-button:disabled{opacity:.6;cursor:not-allowed}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(0,0,0,.1);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.document-actions{display:flex;align-items:center;gap:var(--spacing-2)}.preview-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--color-primary-100);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);color:var(--color-primary-600);cursor:pointer;transition:all var(--duration-base) var(--ease-in-out)}.preview-button:hover{background:var(--color-primary-200);border-color:var(--color-primary-300);color:var(--color-primary-700)}.preview-button svg{width:18px;height:18px}.preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4);padding-left:calc(260px + var(--spacing-4));transition:padding-left .3s ease-in-out;animation:fadeIn .2s ease-out}.preview-modal.sidebar-collapsed{padding-left:calc(60px + var(--spacing-4))}.preview-modal-content{background:var(--color-white);border-radius:var(--radius-xl);max-width:90vw;max-height:90vh;width:100%;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.preview-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-gray-200)}.preview-modal-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.preview-close-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-gray-500);cursor:pointer;transition:all var(--duration-base) var(--ease-in-out)}.preview-close-button:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.preview-modal-body{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;background:var(--color-gray-50);min-height:400px}.preview-image{max-width:100%;max-height:100%;object-fit:contain}.preview-pdf{width:100%;height:100%;min-height:600px;border:none}.preview-modal-footer{padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--color-gray-200);display:flex;justify-content:flex-end}@media (max-width: 768px){.bonus-request-detail-page{padding:0 0 var(--space-4) 0}.detail-header{flex-direction:column;gap:var(--spacing-3)}.detail-header-actions{align-items:flex-start;width:100%}.compensation-amount{flex-direction:column;align-items:flex-start}.detail-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{white-space:nowrap;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3)}.detail-card{padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.info-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.client-header,.device-header{flex-direction:column;text-align:center}.client-avatar,.device-header>svg{margin-bottom:var(--spacing-3)}.document-item{flex-direction:column;gap:var(--spacing-3)}.document-info{justify-content:center}.download-button{width:100%;justify-content:center}.preview-modal{padding:0}.preview-modal.sidebar-collapsed{padding-left:0}.preview-modal-content{max-width:100%;max-height:100%;border-radius:0}.preview-modal-body{min-height:300px}.preview-pdf{min-height:400px}}@media (max-width: 640px){.bonus-request-detail-page{padding:0 0 var(--space-3) 0}}.detail-header-actions{position:relative}.actions-menu-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;transition:all var(--duration-base) var(--ease-in-out)}.actions-menu-button:hover{border-color:var(--color-gray-400);color:var(--color-gray-700);background:var(--color-gray-50)}.actions-menu-button svg{width:20px;height:20px}.actions-dropdown{position:absolute;top:calc(100% + var(--spacing-2));right:0;min-width:200px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:0 10px 25px #0000001a;z-index:100;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.action-item{width:100%;padding:var(--spacing-3) var(--spacing-4);background:none;border:none;text-align:left;font-size:var(--font-size-base);color:var(--color-gray-700);cursor:pointer;transition:all var(--duration-base) var(--ease-in-out)}.action-item:hover{background:var(--color-gray-50)}.action-item:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.action-item:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.action-item:not(:last-child){border-bottom:1px solid var(--color-gray-100)}.action-approve{color:var(--color-green-600)}.action-approve:hover{background:#22c55e0d;color:var(--color-green-700)}.action-reject{color:var(--color-red-600)}.action-reject:hover{background:#ef44440d;color:var(--color-red-700)}.action-revision{color:var(--color-amber-600)}.action-revision:hover{background:#fbbf240d;color:var(--color-amber-700)}.comment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4);animation:fadeIn .2s ease-out}.comment-modal-content{background:var(--color-white);border-radius:var(--radius-xl);max-width:500px;width:100%;box-shadow:0 20px 40px #0003;animation:slideUp .3s ease-out}.comment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-5);border-bottom:1px solid var(--color-gray-200)}.comment-modal-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.comment-close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-gray-500);cursor:pointer;transition:all var(--duration-base) var(--ease-in-out)}.comment-close-button:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.comment-modal-body{padding:var(--spacing-5)}.comment-label{display:block;margin-bottom:var(--spacing-3);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.comment-textarea{width:100%;padding:var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:inherit;resize:vertical;transition:all var(--duration-base) var(--ease-in-out)}.comment-textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #2c3e501a}.comment-textarea:disabled{background:var(--color-gray-50);cursor:not-allowed}.comment-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-5);border-top:1px solid var(--color-gray-200)}.comment-cancel-button{padding:var(--spacing-2) var(--spacing-4);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;transition:all var(--duration-base) var(--ease-in-out)}.comment-cancel-button:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.comment-cancel-button:disabled{opacity:.6;cursor:not-allowed}.comment-submit-button{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--color-green-600);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:#fff;cursor:pointer;transition:all var(--duration-base) var(--ease-in-out)}.comment-submit-button:hover:not(:disabled){background:#15803d;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.comment-submit-button:disabled{background:var(--color-gray-300);cursor:not-allowed}.comment-submit-button.reject{background:#dc2626}.comment-submit-button.reject:hover:not(:disabled){background:#b91c1c}.comment-submit-button.revision{background:#d97706}.comment-submit-button.revision:hover:not(:disabled){background:#b45309}@media (max-width: 768px){.comment-modal-overlay{padding:0}.comment-modal-content{max-width:100%;max-height:100%;border-radius:0}}.history-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-8);color:var(--color-gray-500)}.history-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.history-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.history-table th{text-align:left;padding:var(--spacing-3);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.history-table td{padding:var(--spacing-3);border-bottom:1px solid var(--color-gray-100);vertical-align:middle}.history-table tbody tr:hover{background-color:var(--color-gray-50)}.history-table tbody tr:last-child td{border-bottom:none}.history-action-badge{display:inline-flex;align-items:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px var(--spacing-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.history-action-badge.accept{background:#22c55e1a;color:#15803d}.history-action-badge.reject{background:#ef44441a;color:#dc2626}.history-action-badge.revision{background:#fbbf241a;color:#b45309}.history-action-badge.done{background:#1abc9c1a;color:#0d9488}.history-action-badge.отказано{background:#ef44441a;color:#dc2626}.history-action-badge.доработано{background:#6366f11a;color:#4f46e5}.history-action-badge.на.доработку{background:#fb923c1a;color:#ea580c}.history-action-badge.одобрено{background:#22c55e1a;color:#15803d}.history-date-cell{color:var(--color-gray-600);white-space:nowrap}.history-performer-cell{color:var(--color-gray-700)}.history-comment-cell{color:var(--color-gray-700);max-width:300px;word-wrap:break-word}.history-pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-gray-200)}.pagination-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;transition:all var(--duration-base) var(--ease-in-out)}.pagination-btn:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}@media (max-width: 768px){.history-table{font-size:var(--font-size-xs)}.history-table th,.history-table td{padding:var(--spacing-2)}.history-table th:nth-child(3),.history-table td:nth-child(3){display:none}.history-comment-cell{max-width:150px;font-size:var(--font-size-xs)}.history-pagination{flex-wrap:wrap;gap:var(--spacing-2)}.pagination-btn{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs)}}.dictionaries-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.dictionary-list-item{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:all var(--hover-duration) var(--hover-timing);cursor:pointer;will-change:transform,box-shadow,border-color}.dictionary-list-item:hover{transform:translateY(-2px);box-shadow:0 8px 32px #1abc9c1f;border-color:var(--color-turquoise-600)}.dictionary-list-item:active{transform:translateY(-1px);transition-duration:.15s}.dictionary-list-item:focus-visible{outline:2px solid var(--color-turquoise-700);outline-offset:2px}.dictionary-list-indicator{position:absolute;left:0;top:0;width:5px;height:100%;border-radius:3px 0 0 3px}.dictionary-list-indicator.active{background:var(--color-turquoise-700)}.dictionary-list-indicator.inactive{background:var(--color-gray-300)}.dictionary-list-content{padding:var(--spacing-5) var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-5)}.dictionary-list-icon{width:48px;height:48px;background:var(--color-turquoise-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-turquoise-700);transition:all var(--hover-duration) var(--hover-timing)}.dictionary-list-item.inactive .dictionary-list-icon{background:var(--color-gray-100);color:var(--color-gray-500)}.dictionary-list-item:hover .dictionary-list-icon{transform:scale(1.1)}.dictionary-list-info{flex:1;min-width:0;padding-right:var(--spacing-4)}.dictionary-list-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-navy-900);margin:0 0 var(--spacing-2) 0}.dictionary-list-description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dictionary-list-status{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;transition:transform var(--hover-duration) var(--hover-timing);min-width:120px;justify-content:center}.dictionary-list-item:hover .dictionary-list-status{transform:scale(1.05)}.dictionary-list-status.active{background:var(--color-turquoise-100);color:var(--color-turquoise-900)}.dictionary-list-status.inactive{background:var(--color-gray-100);color:var(--color-gray-700)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);background:currentColor}@media (max-width: 768px){.dictionary-list-content{padding:var(--spacing-4) var(--spacing-5);gap:var(--spacing-3)}.dictionary-list-icon{width:40px;height:40px}.dictionary-list-description{display:none}.dictionary-list-status{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}}@media (max-width: 480px){.dictionary-list-content{padding:var(--spacing-3);gap:var(--spacing-2)}.dictionary-list-icon{width:32px;height:32px}.dictionary-list-title{font-size:var(--font-size-sm)}}@media (prefers-contrast: high){.dictionary-list-item{border-width:2px}.dictionary-list-indicator{width:6px}.dictionary-list-status{border:1px solid currentColor}}@media (hover: none) and (pointer: coarse){.dictionary-list-item:hover{transform:none;box-shadow:none;border-color:var(--color-gray-100)}.dictionary-list-item:active{background:var(--color-gray-50);border-color:var(--color-turquoise-600)}.dictionary-list-item:hover .dictionary-list-icon,.dictionary-list-item:hover .dictionary-list-status{transform:none}}@media (prefers-reduced-motion: reduce){.dictionary-list-item{transition:none}.dictionaries-list .dictionary-list-item{animation:none;opacity:1}}.dictionaries-page{width:100%;min-height:100vh;padding:0 0 var(--space-6) 0;max-width:1400px;margin:0 auto}.dictionaries-header{margin-bottom:var(--space-4)}.dictionaries-header h1{font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--color-navy-900);margin:0 0 var(--space-2) 0}.dictionaries-header p{font-size:var(--text-lg);color:var(--color-gray-900);margin:0}.dictionaries-content{width:100%;min-height:400px}.dictionaries-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-700)}.dictionaries-error .error-icon{width:48px;height:48px;color:var(--color-error-500);margin-bottom:var(--space-4)}.dictionaries-error h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-navy-900);margin:0 0 var(--space-2) 0}.dictionaries-error p{font-size:var(--text-base);color:var(--color-gray-900);margin:0 0 var(--space-6) 0;max-width:400px}.retry-button{background:var(--color-turquoise-700);color:var(--color-white);border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-base) var(--ease-in-out)}.retry-button:hover{background:var(--color-turquoise-900);transform:translateY(-1px)}.retry-button:active{transform:translateY(0)}.dictionaries-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-700)}.dictionaries-empty .empty-icon{width:48px;height:48px;color:var(--color-gray-900);margin-bottom:var(--space-4);opacity:.6}.dictionaries-empty h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-navy-900);margin:0 0 var(--space-2) 0}.dictionaries-empty p{font-size:var(--text-base);color:var(--color-gray-900);margin:0;max-width:400px}.skeleton-card{pointer-events:none}.skeleton{background:linear-gradient(90deg,var(--color-gray-300) 25%,var(--color-gray-100) 50%,var(--color-gray-300) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-title{height:20px;width:70%}.skeleton-description{height:14px;width:100%;margin-bottom:var(--space-1)}.skeleton-code{height:12px;width:40%}.skeleton-endpoint{height:12px;width:60%}.skeleton-status{height:20px;width:80px;border-radius:var(--radius-full)}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 1024px){.dictionaries-page{padding:0 0 var(--space-5) 0}}@media (max-width: 768px){.dictionaries-page{padding:0 0 var(--space-4) 0;max-width:100%}.dictionaries-header h1{font-size:var(--text-2xl)}.dictionaries-header p{font-size:var(--text-base)}.dictionaries-grid{grid-template-columns:1fr;gap:var(--space-4)}.dictionaries-error,.dictionaries-empty{padding:var(--space-8) var(--space-4)}}@media (max-width: 640px){.dictionaries-page{padding:0 0 var(--space-3) 0}}.cell-numeric{text-align:left;font-variant-numeric:tabular-nums}.cell-date{white-space:nowrap;font-variant-numeric:tabular-nums}.cell-boolean{text-align:left}.cell-code{font-family:var(--font-family-mono, "Courier New", monospace);font-weight:var(--font-medium, 500);color:var(--color-navy-700, #2c3e50)}.cell-text{text-align:left}.dictionary-items{display:flex;flex-direction:column;gap:24px}.dictionary-items-table{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.items-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px}.items-table thead{background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.items-table th{text-align:left;padding:16px;font-weight:600;color:#2c3e50;white-space:nowrap;vertical-align:middle}.items-table th.th-numeric,.items-table th.th-boolean{text-align:left}.items-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.items-table tbody tr:hover{background-color:#f8f9fa}.items-table tbody tr:last-child{border-bottom:none}.items-table td{padding:16px;color:#495057;vertical-align:middle}.item-code{font-family:Courier New,monospace;font-weight:500;color:#2c3e50}.item-name{font-weight:500;color:#2c3e50}.item-description{color:#6c757d;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-status{white-space:nowrap}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.status-badge.active{background:var(--color-turquoise-100);color:var(--color-turquoise-900)}.status-badge.inactive{background:var(--color-gray-100);color:var(--color-gray-700)}.status-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor}.empty-message{text-align:center;padding:48px 16px!important;color:#868e96;font-style:italic}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.pagination-btn{padding:8px 16px;border:1px solid #dee2e6;background:#fff;border-radius:4px;font-size:14px;font-weight:500;color:#2c3e50;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:14px;color:#6c757d;font-weight:500}@media (max-width: 768px){.dictionary-items-table{overflow-x:auto}.items-table{min-width:600px}.item-description{max-width:200px}.pagination{padding:12px;gap:12px}.pagination-btn{padding:6px 12px;font-size:13px}.pagination-info{font-size:13px}}@media (max-width: 480px){.items-table th:nth-child(3),.items-table td:nth-child(3){display:none}}.actions-header{width:120px;text-align:center!important}.actions-cell{width:120px;text-align:center;padding:8px!important;white-space:nowrap}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;background:transparent;border-radius:4px;color:var(--color-gray-600);cursor:pointer;transition:all .2s ease}.action-btn:hover{background-color:var(--color-gray-100);color:var(--color-navy-700)}.action-btn:focus{outline:none;box-shadow:0 0 0 2px #2c3e5033}.action-btn:active{transform:scale(.95)}.action-btn-edit:hover{background-color:var(--color-turquoise-100);color:var(--color-turquoise-700)}.action-btn-delete{transition:all .2s ease}.action-btn-delete:hover{background-color:transparent;color:#dc3545}.action-btn-delete:hover svg{color:#dc3545}.action-btn-delete:focus{box-shadow:0 0 0 2px #dc354533}.actions-group{display:flex;gap:4px;justify-content:center}@media (max-width: 768px){.actions-header,.actions-cell{width:80px}.action-btn{width:28px;height:28px}.action-btn svg{width:14px;height:14px}}.dictionary-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1419bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4, 16px)}.dictionary-modal{background:var(--color-white, #ffffff);border-radius:var(--radius-xl, 16px);width:100%;max-width:480px;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-2xl, 0 25px 50px -12px rgba(0, 0, 0, .25));display:flex;flex-direction:column;position:relative}.modal-header{padding:var(--space-6, 24px);border-bottom:1px solid var(--color-gray-100, #fbfcfc);display:flex;justify-content:space-between;align-items:center;background:var(--color-white, #ffffff)}.modal-title{font-size:var(--text-h5, 20px);font-weight:var(--font-semibold, 600);color:var(--color-navy-900, #1a252f);margin:0;line-height:1.3}.modal-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md, 8px);color:var(--color-gray-500, #7f8c8d);cursor:pointer;transition:var(--transition-all, all .2s cubic-bezier(.4, 0, .2, 1))}.modal-close-btn:hover{background:var(--color-gray-100, #fbfcfc);color:var(--color-gray-700, #2c3e50)}.modal-close-btn:focus{outline:2px solid var(--color-accent, #1abc9c);outline-offset:2px}.modal-body{padding:var(--space-6, 24px);overflow-y:auto;flex:1}.dictionary-form{display:flex;flex-direction:column;gap:var(--space-5, 20px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.code-input input{font-family:var(--font-family-mono, "Courier New", monospace);font-weight:var(--font-medium, 500);letter-spacing:.5px;color:var(--color-navy-700, #334155);text-transform:uppercase}.code-input input::placeholder{font-family:var(--font-family-mono, "Courier New", monospace);color:var(--color-gray-400, #A3A3A3);text-transform:uppercase}.modal-footer{padding:var(--space-6, 24px);border-top:1px solid var(--color-gray-100, #fbfcfc);display:flex;justify-content:flex-end;gap:var(--space-3, 12px);background:var(--color-white, #ffffff)}@media (max-width: 768px){.dictionary-modal-overlay{padding:var(--space-2, 8px)}.dictionary-modal{max-width:calc(100% - var(--space-4, 16px));max-height:calc(100vh - var(--space-4, 16px))}.modal-header,.modal-body,.modal-footer{padding:var(--space-5, 20px)}}@media (max-width: 640px){.dictionary-modal-overlay{padding:0}.dictionary-modal{max-height:100vh;height:100vh;max-width:100%;width:100%;border-radius:0;margin:0}.modal-header,.modal-body,.modal-footer{padding:var(--space-4, 16px)}.modal-footer{flex-direction:column-reverse;gap:var(--space-3, 12px)}.modal-footer .btn{width:100%;min-height:var(--touch-target-min, 44px);justify-content:center}.dictionary-form .input{min-height:var(--touch-target-min, 44px);font-size:16px}}@media (prefers-reduced-motion: no-preference){.dictionary-modal-overlay{animation:fadeIn .2s ease-out}.dictionary-modal{animation:fadeInScale .3s ease-out}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.form-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8, 32px);color:var(--color-gray-500, #7f8c8d);font-style:italic}.checkbox-label{display:flex;align-items:center;gap:var(--space-2, 8px);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input{width:18px;height:18px;border-radius:var(--radius-sm, 4px);border:2px solid var(--color-gray-300, #ecf0f1);background:var(--color-white, #ffffff);cursor:pointer;transition:var(--transition-all, all .2s cubic-bezier(.4, 0, .2, 1));-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative}.checkbox-input:checked{background:var(--color-accent, #1abc9c);border-color:var(--color-accent, #1abc9c)}.checkbox-input:checked:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-input:focus{outline:2px solid var(--color-accent, #1abc9c);outline-offset:2px}.checkbox-input:disabled{opacity:.5;cursor:not-allowed}.checkbox-text{font-size:var(--text-sm, 14px);color:var(--color-gray-700, #2c3e50);font-weight:var(--font-medium, 500)}.textarea{width:100%;min-height:88px;padding:var(--space-3, 12px);border:2px solid var(--color-gray-200, #bdc3c7);border-radius:var(--radius-md, 8px);background:var(--color-white, #ffffff);color:var(--color-gray-900, #1a252f);font-size:var(--text-sm, 14px);line-height:1.5;resize:vertical;transition:var(--transition-all, all .2s cubic-bezier(.4, 0, .2, 1))}.textarea:focus{outline:none;border-color:var(--color-accent, #1abc9c);box-shadow:0 0 0 3px #1abc9c1a}.textarea.textarea-error{border-color:var(--color-red-500, #ef4444)}.textarea.textarea-error:focus{box-shadow:0 0 0 3px #ef44441a}.textarea:disabled{background:var(--color-gray-50, #f9fafb);color:var(--color-gray-500, #7f8c8d);cursor:not-allowed}.textarea::placeholder{color:var(--color-gray-400, #A3A3A3)}@media (prefers-contrast: high){.modal-header,.modal-footer{border-color:var(--color-gray-900, #1a252f)}.modal-close-btn:hover{background:var(--color-gray-200, #bdc3c7)}.checkbox-input,.textarea{border-width:3px}}.form-field-wrapper{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.field-disabled-reason{font-size:var(--text-xs, 12px);color:var(--color-gray-500, #7f8c8d);font-style:italic;padding-left:var(--space-3, 12px);line-height:1.4}.form-group:has(.field-disabled-reason) input[disabled],.form-group:has(.field-disabled-reason) textarea[disabled],.form-group:has(.field-disabled-reason) select[disabled],.form-field-wrapper input[disabled],.form-field-wrapper textarea[disabled],.form-field-wrapper select[disabled]{background-color:var(--color-gray-50, #f9fafb);cursor:not-allowed;opacity:.7}.checkbox-label:has(.field-disabled-reason) .checkbox-input[disabled]{opacity:.6;background-color:var(--color-gray-100, #fbfcfc)}.form-group{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.form-label{font-size:var(--text-sm, 14px);font-weight:var(--font-medium, 500);color:var(--color-gray-700, #2c3e50);margin-bottom:var(--space-2, 8px)}.form-error{font-size:var(--text-xs, 12px);color:var(--color-red-600, #dc2626);margin-top:var(--space-1, 4px)}.dictionary-items-page{width:100%;min-height:100vh;padding:0 0 var(--space-6) 0;max-width:1400px;margin:0 auto}.dictionary-items-header{margin-bottom:var(--space-4)}.dictionary-items-actions{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-4)}.btn-add-item{background:var(--color-accent, #1abc9c);color:var(--color-white, #ffffff);padding:var(--space-3, 12px) var(--space-6, 24px);border:none;border-radius:var(--radius-md, 8px);font-size:var(--text-base, 16px);font-weight:var(--font-medium, 500);display:inline-flex;align-items:center;gap:var(--space-2, 8px);cursor:pointer;transition:all var(--hover-duration, .2s) var(--hover-timing, cubic-bezier(.4, 0, .2, 1));box-shadow:0 2px 4px #1abc9c33;will-change:transform,background-color,box-shadow}.btn-add-item:hover:not(:disabled){background:var(--color-turquoise-900, #16a085);transform:scale(var(--hover-scale-small, 1.02));box-shadow:0 4px 12px #1abc9c4d}.btn-add-item:active:not(:disabled){background:var(--color-turquoise-900, #16a085);transform:scale(.98);transition-duration:.15s}.btn-add-item:focus{outline:2px solid var(--color-accent, #1abc9c);outline-offset:2px}.btn-add-item svg{display:inline-block;vertical-align:middle}.dictionary-items-header h1{font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--color-navy-900);margin:0 0 var(--space-2) 0}.dictionary-items-header p{font-size:var(--text-lg);color:var(--color-gray-900);margin:0}.dictionary-description{padding:16px 24px;color:#6c757d;font-size:14px;line-height:1.5;border-top:1px solid #f1f3f5;background-color:#f8f9fa}.dictionary-items-content{width:100%;min-height:400px}.dictionary-items-page .page-header{position:relative}.dictionary-items-page .page-header .back-button{position:absolute;left:24px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:1px solid #dee2e6;border-radius:6px;color:#2c3e50;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.dictionary-items-page .page-header .back-button:hover{background-color:#f8f9fa;border-color:#adb5bd}.dictionary-items-page .page-header .back-button:active{transform:translateY(-50%) scale(.98)}.dictionary-items-page .page-header .back-icon{width:16px;height:16px}@media (max-width: 1024px){.dictionary-items-page{padding:0 0 var(--space-5) 0}}@media (max-width: 768px){.dictionary-items-page{padding:0 0 var(--space-4) 0;max-width:100%}.btn-add-item{width:100%;justify-content:center;min-height:var(--touch-target-min, 44px)}.dictionary-items-header h1{font-size:var(--text-2xl)}.dictionary-items-header p{font-size:var(--text-base)}.dictionary-description{padding:12px 16px;font-size:13px}.dictionary-items-page .page-header .back-button{left:16px;padding:6px 8px;font-size:13px;gap:4px}.dictionary-items-page .page-header .back-icon{width:14px;height:14px}}@media (max-width: 640px){.dictionary-items-page{padding:0 0 var(--space-3) 0}.btn-add-item{font-size:var(--text-sm, 14px);padding:var(--space-3, 12px) var(--space-5, 20px)}.dictionary-description{padding:10px 12px;font-size:12px}.dictionary-items-page .page-header .back-button{left:12px;padding:4px 6px;font-size:12px}.dictionary-items-page .page-header .back-icon{width:12px;height:12px}}.empty-state{text-align:center;padding:var(--space-16);background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.empty-state-icon{color:var(--color-gray-400);margin-bottom:var(--space-6);display:flex;justify-content:center}.empty-state-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-gray-600);margin:0 0 var(--space-3) 0}.empty-state-description{color:var(--color-gray-500);font-size:var(--text-sm);line-height:1.5;margin:0 0 var(--space-6) 0}.empty-state-action{display:flex;justify-content:center}@media (max-width: 768px){.empty-state{padding:var(--space-12) var(--space-6)}.empty-state-title{font-size:var(--text-lg)}}.error-state{text-align:center;padding:var(--space-16);background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-error-200)}.error-state-icon{color:var(--color-error-500);margin-bottom:var(--space-4);display:flex;justify-content:center}.error-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-error-700);margin:0 0 var(--space-2) 0}.error-state-message{color:var(--color-gray-600);font-size:var(--text-sm);line-height:1.5;margin:0 0 var(--space-6) 0}.retry-button{background:var(--color-error-500);color:var(--color-white);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors)}.retry-button:hover{background:var(--color-error-700)}@media (max-width: 768px){.error-state{padding:var(--space-12) var(--space-6)}.error-state-title{font-size:var(--text-base)}}.retail-networks-page{width:100%;min-height:100vh;padding:0 0 var(--space-6) 0;max-width:1400px;margin:0 auto}.retail-networks-actions{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-4)}.btn-add-network{display:inline-flex!important;align-items:center!important;gap:12px!important}.btn-add-network svg{flex-shrink:0;margin-bottom:-4px;margin-right:4px}.retail-networks-content{width:100%;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 4px 20px #00000014;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.networks-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.networks-table{width:100%;border-collapse:collapse}.networks-table thead{background:var(--color-gray-50);border-bottom:2px solid var(--color-gray-100)}.networks-table th{padding:var(--spacing-4) var(--spacing-5);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);white-space:nowrap}.networks-table tbody tr{border-bottom:1px solid var(--color-gray-100);transition:var(--transition-all);cursor:pointer}.networks-table tbody tr:hover{background:var(--color-gray-50)}.networks-table tbody tr:last-child{border-bottom:none}.networks-table td{padding:var(--spacing-4) var(--spacing-5);font-size:var(--font-size-base);color:var(--color-gray-900)}.network-name{font-weight:var(--font-weight-semibold);color:var(--color-primary-700)}.network-code{font-family:var(--font-family-mono);background:var(--color-primary-50);color:var(--color-primary-700);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.network-description{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-gray-600);font-size:var(--font-size-sm)}.networks-grid{display:none}@media (max-width: 1024px){.retail-networks-page{padding:0 0 var(--space-5) 0}}@media (max-width: 768px){.retail-networks-page{padding:0 0 var(--space-4) 0;max-width:100%}.networks-table-container{display:none}.networks-grid{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-4)}.network-card{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--spacing-4);transition:var(--transition-all);cursor:pointer}.network-card:hover{box-shadow:var(--shadow-sm)}.network-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.network-card-name{font-weight:var(--font-weight-semibold);color:var(--color-primary-700);font-size:var(--font-size-base)}.network-card-code{font-family:var(--font-family-mono);background:var(--color-primary-50);color:var(--color-primary-700);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.network-card-description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.network-card-footer{font-size:var(--font-size-sm);color:var(--color-gray-600);padding-top:var(--spacing-3);border-top:1px solid var(--color-gray-100);display:flex;justify-content:space-between;align-items:center}.network-card-actions{display:flex;gap:var(--spacing-2)}.filters-section{flex-direction:column;align-items:stretch}.search-container{min-width:auto}.filter-buttons{justify-content:stretch}.filter-button{flex:1;justify-content:center}.pagination-container{flex-direction:column;gap:var(--spacing-3)}}@media (max-width: 640px){.retail-networks-page{padding:0 0 var(--space-3) 0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:var(--z-modal-backdrop, 1040);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.status-toggle{display:flex;align-items:center;gap:var(--space-3)}.toggle-switch{position:relative;width:36px;height:20px;background:var(--color-gray-200);border-radius:10px;cursor:pointer;transition:background-color .2s;flex-shrink:0}.toggle-switch.active{background:var(--color-gray-400)}.toggle-switch[disabled]{opacity:.5;cursor:not-allowed}.toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--color-white);border-radius:50%;transition:transform .2s}.toggle-switch.active .toggle-knob{transform:translate(16px)}.toggle-label{font-size:var(--text-sm);color:var(--color-gray-600);font-weight:var(--font-medium)}.network-detail-page{width:100%;min-height:100vh;padding:0 0 var(--space-6) 0;max-width:1400px;margin:0 auto}.network-detail-content{width:100%}.network-info-card{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-100);padding:var(--spacing-5);margin-bottom:var(--spacing-5)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-4)}.info-item.info-description{grid-column:1 / -1}.info-label{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-1)}.info-value{font-size:var(--font-size-base);color:var(--color-gray-700)}.info-value.code{font-family:var(--font-family-mono);color:var(--color-gray-600);font-size:var(--font-size-sm)}.info-value.description{color:var(--color-gray-600);font-weight:var(--font-weight-normal);line-height:1.6}.info-value.date{color:var(--color-gray-600);font-weight:var(--font-weight-normal);font-size:var(--font-size-sm)}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);width:fit-content}.status-badge.status-sm{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs)}.status-badge.status-md{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm)}.status-active,.status-inactive{background:var(--color-gray-100);color:var(--color-gray-600)}.branches-section{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-100);overflow:hidden}.branches-header{padding:var(--spacing-4);border-bottom:1px solid var(--color-gray-100);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-3)}.add-branch-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color .2s ease}.add-branch-btn:hover{background:var(--color-navy-500)}.add-branch-btn span{display:none}@media (min-width: 640px){.add-branch-btn span{display:inline}}.branches-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin:0}.branches-count{color:var(--color-gray-500);font-size:var(--font-size-sm)}.branches-content{padding:var(--spacing-4)}.branches-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.branch-list-item{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:all .2s ease}.branch-list-item:hover{border-color:var(--color-gray-200);box-shadow:0 2px 8px #0000000f}.branch-list-indicator{position:absolute;left:0;top:0;width:4px;height:100%}.branch-list-indicator.active{background:var(--color-accent)}.branch-list-indicator.inactive{background:var(--color-gray-300)}.branch-list-content{padding:var(--spacing-4) var(--spacing-5);display:flex;align-items:center;gap:var(--spacing-4)}.branch-list-icon{width:40px;height:40px;background:var(--color-gray-50);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-gray-600)}.branch-list-item.active .branch-list-icon{background:var(--color-turquoise-100);color:var(--color-accent)}.branch-list-info{flex:1;min-width:0}.branch-list-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin:0 0 var(--spacing-1) 0}.branch-list-description{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-list-contacts{display:flex;flex-direction:column;gap:var(--spacing-2);min-width:150px}.branch-contact-link{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-gray-600);text-decoration:none;font-size:var(--font-size-sm);transition:color .2s ease}.branch-contact-link:hover{color:var(--color-accent)}.branch-list-status{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;min-width:100px;justify-content:center}.branch-list-status.active{background:var(--color-gray-100);color:var(--color-gray-700)}.branch-list-status.inactive{background:var(--color-gray-50);color:var(--color-gray-500)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.branch-list-actions{display:flex;align-items:center;gap:var(--spacing-2);margin-left:var(--spacing-3)}.branches-empty{text-align:center;padding:var(--spacing-8) var(--spacing-6)}.branches-empty-icon{color:var(--color-gray-300);margin-bottom:var(--spacing-4);display:flex;justify-content:center}.branches-empty-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-600);margin:0 0 var(--spacing-2) 0}.branches-empty-description{color:var(--color-gray-600);font-size:var(--font-size-sm);line-height:1.5;margin:0}@media (max-width: 1024px){.network-detail-page{padding:0 0 var(--space-5) 0}}@media (max-width: 768px){.network-detail-page{padding:0 0 var(--space-4) 0;max-width:100%}.network-info-card{padding:var(--spacing-4)}.info-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.branches-header{padding:var(--spacing-4);flex-direction:column;text-align:center}.branches-content{padding:var(--spacing-4)}.branch-list-content{padding:var(--spacing-3);gap:var(--spacing-3);flex-wrap:wrap}.branch-list-icon{width:36px;height:36px}.branch-list-contacts{width:100%;order:3;margin-top:var(--spacing-2)}.branch-list-status{position:absolute;top:var(--spacing-3);right:var(--spacing-3);min-width:auto;padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs)}.branch-list-info{padding-right:80px}.branch-list-actions{width:100%;order:4;margin-left:0;margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-gray-100);justify-content:flex-end}.branches-empty{padding:var(--spacing-8) var(--spacing-4)}}@media (max-width: 640px){.network-detail-page{padding:0 0 var(--space-3) 0}}.modal-container{background:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:440px;max-height:90vh;overflow-y:auto;z-index:var(--z-modal, 1050);border:1px solid var(--color-gray-100)}.modal-close-button:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-gray-700)}.modal-body{padding:var(--space-5)}.form-label{display:block;font-size:var(--text-sm);color:var(--color-gray-600);margin-bottom:var(--space-2)}.form-label.required:after{content:" *";color:var(--color-error-500)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-family);background:var(--color-white);transition:border-color .2s;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-gray-300)}.form-input.error{border-color:var(--color-error-500);box-shadow:0 0 0 3px #dc26261a}.form-input:disabled{background:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.form-textarea{min-height:80px;resize:vertical;font-family:var(--font-family)}.form-error{font-size:var(--text-xs);color:var(--color-error-500);margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-1)}.form-error.submit-error{background:var(--color-gray-50);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-error-500)}.form-help{font-size:var(--text-xs);color:var(--color-gray-500);margin-top:var(--space-1)}.form-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--color-gray-600)}.form-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.form-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.modal-footer{padding:var(--space-4) var(--space-5) var(--space-5);display:flex;gap:var(--space-3);justify-content:flex-end;border-top:1px solid var(--color-gray-100)}.modal-button{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;border:none;transition:var(--transition-all);display:flex;align-items:center;gap:var(--space-2);min-width:100px;justify-content:center}.modal-button:disabled{opacity:.5;cursor:not-allowed}.modal-button-primary{background:var(--color-primary);color:var(--color-white)}.modal-button-primary:hover:not(:disabled){background:var(--color-navy-500)}.modal-button-secondary{background:var(--color-white);color:var(--color-gray-600);border:1px solid var(--color-gray-200)}.modal-button-secondary:hover:not(:disabled){background:var(--color-gray-100);border-color:var(--color-gray-300)}@media (max-width: 768px){.modal-backdrop{padding:var(--space-2)}.modal-container{max-height:95vh}.modal-header{padding:var(--space-4) var(--space-5) var(--space-3)}.modal-body{padding:var(--space-5)}.modal-footer{flex-direction:column-reverse;padding:var(--space-3) var(--space-5) var(--space-5)}.modal-button{width:100%}}.modal-container{background:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;z-index:var(--z-modal, 1050);border:1px solid var(--color-gray-100)}.modal-header{padding:var(--space-5);border-bottom:1px solid var(--color-gray-100);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:var(--text-lg);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin:0}.modal-close-button{background:none;border:none;color:var(--color-gray-500);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:var(--transition-colors);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.modal-close-button:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.modal-close-button:disabled{opacity:.5;cursor:not-allowed}.modal-form{padding:var(--space-5)}.form-group{margin-bottom:var(--space-4)}.form-label{display:flex;align-items:center;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);margin-bottom:var(--space-2)}.required{color:var(--color-danger)}.password-hint{margin-left:auto;font-size:12px;color:var(--color-gray-500);font-weight:400}.modal-footer{padding:var(--space-5);border-top:1px solid var(--color-gray-100);display:flex;justify-content:flex-end;gap:var(--space-3)}.groups-list{border:1px solid var(--color-gray-200);border-radius:12px;background-color:var(--color-gray-50);overflow:hidden}.groups-list.error{border-color:var(--color-danger)}.groups-search{display:flex;align-items:center;padding:12px 16px;background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);gap:8px}.groups-search-icon{color:var(--color-gray-400);flex-shrink:0}.groups-search-input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:var(--color-gray-700)}.groups-search-input::placeholder{color:var(--color-gray-400)}.groups-items{max-height:240px;overflow-y:auto;padding:8px}.group-item{display:flex;align-items:flex-start;padding:14px;margin-bottom:8px;background-color:var(--color-white);border:2px solid var(--color-gray-200);border-radius:10px;cursor:pointer;transition:all .2s ease;gap:12px;box-shadow:0 1px 3px #0000000a}.group-item:hover{border-color:var(--color-primary);background-color:#1abc9c0a;box-shadow:0 2px 6px #1abc9c26;transform:translateY(-1px)}.group-item.selected{background-color:#1abc9c14;border-color:var(--color-primary);box-shadow:0 2px 6px #1abc9c33}.group-item:last-child{margin-bottom:0}.group-item-checkbox{display:flex;align-items:center;padding-top:2px}.group-item-content{flex:1;min-width:0}.group-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;gap:8px}.group-item-name{font-weight:500;color:var(--color-gray-700);font-size:14px}.group-item-status{font-size:11px;padding:2px 8px;border-radius:12px;font-weight:500;flex-shrink:0}.group-item-status.active{background-color:var(--color-success-light-bg);color:var(--color-success)}.group-item-status.inactive{background-color:var(--color-gray-100);color:var(--color-gray-500)}.group-item-description{font-size:13px;color:var(--color-gray-600);margin:0 0 6px;line-height:1.4}.group-item-meta{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-gray-500)}.group-item-meta svg{color:var(--color-gray-400)}.no-groups-message{text-align:center;padding:40px 20px;color:var(--color-gray-500)}.no-groups-icon{color:var(--color-gray-300);margin-bottom:12px}.no-groups-message p{font-size:14px;font-weight:500;margin:0 0 4px;color:var(--color-gray-600)}.no-groups-message span{font-size:13px;color:var(--color-gray-400)}.no-search-results{text-align:center;padding:20px;color:var(--color-gray-500);font-size:14px}.selected-count{margin-left:8px;font-size:12px;color:var(--color-primary);font-weight:400;background-color:var(--color-primary-light-bg);padding:2px 8px;border-radius:12px}.loading-message{text-align:center;color:var(--color-text-secondary);padding:12px;font-size:14px}.error-message{color:var(--color-danger);font-size:14px;padding:8px 12px;background-color:#e74c3c1a;border-radius:4px;margin-bottom:12px}.form-error{background-color:#e74c3c1a;color:var(--color-danger);padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center}.password-field-wrapper{width:100%}.password-field-wrapper .form-error{display:block;color:var(--color-danger);font-size:12px;margin-top:4px}.password-field{position:relative;display:flex;align-items:flex-start}.password-input{flex:1;padding-right:110px!important}.password-actions{position:absolute;right:8px;top:10px;display:flex;align-items:center;gap:2px;background-color:transparent}.password-action-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:transparent;border:none;color:var(--color-gray-400);cursor:pointer;transition:all .2s ease;border-radius:4px;position:relative}.password-action-btn:hover{background-color:var(--color-gray-50);color:var(--color-gray-600)}.password-action-btn:disabled{opacity:.5;cursor:not-allowed}.password-action-btn.generate-btn{margin-left:2px;position:relative}.password-action-btn.generate-btn:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);height:16px;width:1px;background-color:var(--color-gray-200)}.password-action-btn.generate-btn:hover{color:var(--color-primary)}.password-action-btn.generate-btn:hover svg{animation:spin .6s ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.password-action-btn.copied{color:var(--color-success)}.copy-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background-color:var(--color-gray-700);color:var(--color-white);padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;animation:fadeInOut 2s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(5px)}20%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-5px)}}.checkbox-field{display:flex;align-items:center;gap:8px}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;color:var(--color-gray-700)}.group-item-checkbox{display:flex;align-items:center;margin-top:2px}.group-item-checkbox .checkbox{border-color:#d1d5db;background-color:var(--color-white);box-shadow:0 1px 3px #0000001a}.group-item:hover .group-item-checkbox .checkbox{border-color:var(--color-primary);box-shadow:0 1px 3px #1abc9c33}.group-item.selected .group-item-checkbox .checkbox{background-color:var(--color-primary);border-color:var(--color-primary)}:root{--color-primary-light: #4a90e2;--color-primary-light-bg: rgba(26, 188, 156, .08);--color-success: #27ae60;--color-success-light-bg: rgba(39, 174, 96, .08);--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151}@media (max-width: 600px){.create-user-modal{max-width:95%;margin:10px}.groups-items{max-height:180px}}.user-groups-page{width:100%;min-height:100vh;padding:0 0 var(--space-6) 0;max-width:1400px;margin:0 auto}.user-groups-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.btn-add-group,.btn-add-user{display:inline-flex!important;align-items:center!important;gap:12px!important}.btn-add-group svg,.btn-add-user svg{flex-shrink:0;margin-bottom:-4px;margin-right:4px}.user-groups-content{width:100%;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 4px 20px #00000014;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.filters-section{padding:var(--spacing-5);border-bottom:1px solid var(--color-gray-100);display:flex;gap:var(--spacing-4);align-items:center;flex-wrap:wrap}.search-container{flex:1;min-width:250px}.search-input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-white);transition:var(--transition-all);box-sizing:border-box}.search-input:focus{outline:none;border-color:var(--color-accent-600);box-shadow:0 0 0 3px #1abc9c1a}.filter-buttons{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.filter-button{background:var(--color-white);border:1px solid var(--color-gray-200);color:var(--color-gray-600);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-all);white-space:nowrap}.filter-button:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.filter-button.active{background:var(--color-accent-600);border-color:var(--color-accent-600);color:var(--color-white)}.groups-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.groups-table{width:100%;border-collapse:collapse}.groups-table thead{background:var(--color-gray-50);border-bottom:2px solid var(--color-gray-100)}.groups-table th{padding:var(--spacing-4) var(--spacing-5);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);white-space:nowrap}.groups-table tbody tr{border-bottom:1px solid var(--color-gray-100);transition:var(--transition-all);cursor:pointer}.groups-table tbody tr:hover{background:var(--color-gray-50)}.groups-table tbody tr:last-child{border-bottom:none}.groups-table td{padding:var(--spacing-4) var(--spacing-5);font-size:var(--font-size-base);color:var(--color-gray-900)}.group-name{font-weight:var(--font-weight-semibold);color:var(--color-primary-700)}.group-description{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-gray-600);font-size:var(--font-size-sm)}.users-count{font-family:var(--font-family-mono);background:var(--color-primary-50);color:var(--color-primary-700);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.created-date{font-size:var(--font-size-sm);color:var(--color-gray-600)}.table-actions{display:flex;align-items:center;gap:var(--spacing-2)}.action-btn.action-edit:hover{color:var(--color-primary)}.action-btn.action-delete:hover{color:var(--color-error-500)}.pagination-container{padding:var(--spacing-5);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-gray-100)}.pagination-info{font-size:var(--font-size-sm);color:var(--color-gray-600)}.pagination-controls{display:flex;align-items:center;gap:var(--spacing-2)}.pagination-button{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-gray-200);background:var(--color-white);color:var(--color-gray-700);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all);min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.pagination-button:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-300)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button.active{background:var(--color-primary-700);color:var(--color-white);border-color:var(--color-primary-700)}.user-groups-page .groups-grid{display:none}@media (max-width: 1024px){.user-groups-page{padding:0 0 var(--space-5) 0}}@media (max-width: 768px){.user-groups-page{padding:0 0 var(--space-4) 0;max-width:100%}.groups-table-container{display:none}.user-groups-page .groups-grid{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-4)}.group-card{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--spacing-4);transition:var(--transition-all);cursor:pointer}.group-card:hover{box-shadow:var(--shadow-sm)}.group-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.group-card-name{font-weight:var(--font-weight-semibold);color:var(--color-primary-700);font-size:var(--font-size-base)}.group-card-users{font-family:var(--font-family-mono);background:var(--color-primary-50);color:var(--color-primary-700);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.group-card-description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.group-card-footer{font-size:var(--font-size-sm);color:var(--color-gray-600);padding-top:var(--spacing-3);border-top:1px solid var(--color-gray-100);display:flex;justify-content:space-between;align-items:center}.group-card-actions{display:flex;gap:var(--spacing-2)}.filters-section{flex-direction:column;align-items:stretch}.search-container{min-width:auto}.filter-buttons{justify-content:stretch}.filter-button{flex:1;justify-content:center}.pagination-container{flex-direction:column;gap:var(--spacing-3)}}@media (max-width: 640px){.user-groups-page{padding:0 0 var(--space-3) 0}}.main-content{min-height:400px;display:flex;flex-direction:column;justify-content:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:var(--z-modal-backdrop, 1040);display:flex;align-items:center;justify-content:center;padding:var(--space-4);padding-left:calc(260px + var(--space-4));transition:padding-left .3s ease-in-out}.modal-backdrop.sidebar-collapsed{padding-left:calc(60px + var(--space-4))}.modal-add-users{max-width:600px}.modal-subtitle{padding:0 var(--space-5) var(--space-4);font-size:var(--font-size-sm);color:var(--color-gray-600);border-bottom:1px solid var(--color-gray-100)}.modal-search{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-gray-100)}.modal-search .search-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-white);transition:var(--transition-all);box-sizing:border-box}.modal-search .search-input:focus{outline:none;border-color:var(--color-accent-600);box-shadow:0 0 0 3px #1abc9c1a}.modal-search .search-input:disabled{background:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.modal-users-list{max-height:400px;overflow-y:auto;padding:0}.users-selection-list{padding:var(--space-2) 0}.user-selection-item{display:flex;align-items:flex-start;padding:var(--space-3) var(--space-5);cursor:pointer;transition:var(--transition-all);border-bottom:1px solid var(--color-gray-50)}.user-selection-item:hover{background:var(--color-gray-50)}.user-selection-item.selected{background:var(--color-accent-50)}.user-selection-item:last-child{border-bottom:none}.user-selection-checkbox{flex-shrink:0;margin-right:var(--space-3);padding-top:var(--space-1)}.checkbox-box{width:20px;height:20px;border:2px solid var(--color-gray-300);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition-all);background:var(--color-white)}.user-selection-item:hover .checkbox-box{border-color:var(--color-gray-400)}.user-selection-item.selected .checkbox-box{background:var(--color-accent-600);border-color:var(--color-accent-600)}.checkbox-box svg{color:var(--color-white)}.user-selection-info{flex:1;min-width:0}.user-selection-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.user-selection-name{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);font-size:var(--font-size-base)}.user-badge{padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.user-badge.superuser{background:var(--color-warning-100);color:var(--color-warning-700)}.user-badge.inactive{background:var(--color-gray-100);color:var(--color-gray-600)}.user-selection-details{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);font-size:var(--font-size-sm);color:var(--color-gray-600)}.user-selection-email{color:var(--color-gray-600)}.user-selection-fullname{color:var(--color-gray-500)}.user-selection-role{font-size:var(--font-size-sm);color:var(--color-gray-500)}.empty-users{padding:var(--space-8) var(--space-5);text-align:center;color:var(--color-gray-500)}.empty-users p{margin:0}.error-message{padding:var(--space-3) var(--space-4);margin:var(--space-4) var(--space-5);background:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:var(--radius-md);color:var(--color-error-600);font-size:var(--font-size-sm)}.modal-footer{padding:var(--space-4) var(--space-5) var(--space-5);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-gray-100)}.selected-count{font-size:var(--font-size-sm);color:var(--color-gray-600)}.modal-actions{display:flex;gap:var(--space-3)}@media (max-width: 1024px){.modal-backdrop,.modal-backdrop.sidebar-collapsed{padding-left:var(--space-4)}}@media (max-width: 768px){.modal-add-users{max-width:95vw}.modal-users-list{max-height:50vh}.modal-footer{flex-direction:column;gap:var(--space-3)}.selected-count{order:1}.modal-actions{order:0;width:100%;flex-direction:column-reverse}.modal-actions .modal-button{width:100%}}.user-removal-modal{max-width:480px}.user-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-gray-50);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.user-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--color-primary);color:var(--color-white);border-radius:50%;flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin:0 0 var(--space-1) 0}.user-email{font-size:var(--text-sm);color:var(--color-gray-500);margin:0 0 var(--space-1) 0}.user-role{display:inline-block;font-size:11px;padding:2px 8px;background-color:var(--color-turquoise-100);color:var(--color-turquoise-700);border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}.action-description{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.5;margin-bottom:var(--space-5);text-align:center}.action-options{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.action-option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;background-color:var(--color-white)}.action-option:hover{border-color:var(--color-primary);background-color:#2c3e5005}.action-option.selected{border-color:var(--color-primary);background-color:#2c3e500d;box-shadow:0 0 0 1px #2c3e501a}.action-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex-shrink:0}.action-icon.remove{background-color:var(--color-turquoise-100);color:var(--color-turquoise-700)}.action-icon.delete{background-color:#ef44441a;color:var(--color-red-500)}.action-content{flex:1;min-width:0}.action-title{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin:0 0 var(--space-1) 0}.action-subtitle{font-size:var(--text-sm);color:var(--color-gray-500);line-height:1.4;margin:0}.warning-message{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background-color:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.warning-message svg{color:var(--color-red-500);flex-shrink:0;margin-top:2px}.warning-content h4{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-red-600);margin:0 0 var(--space-1) 0}.warning-content p{font-size:var(--text-sm);color:var(--color-red-600);margin:0;line-height:1.4}.modal-footer .btn-danger{background-color:var(--color-red-500);border-color:var(--color-red-500);color:var(--color-white)}.modal-footer .btn-danger:hover:not(:disabled){background-color:var(--color-red-600);border-color:var(--color-red-600)}.modal-footer .btn-danger:disabled{opacity:.5;cursor:not-allowed}.action-option{position:relative;overflow:hidden}.action-option:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(44,62,80,.02) 100%);opacity:0;transition:opacity .2s ease}.action-option:hover:before,.action-option.selected:before{opacity:1}.action-option.selected:after{content:"";position:absolute;top:var(--space-2);right:var(--space-2);width:12px;height:12px;background-color:var(--color-primary);border-radius:50%;box-shadow:0 0 0 2px var(--color-white)}@media (max-width: 480px){.user-removal-modal{max-width:95%;margin:10px}.action-options{gap:var(--space-2)}.action-option{padding:var(--space-3)}.action-icon{width:36px;height:36px}.action-icon svg{width:20px;height:20px}.user-info{padding:var(--space-3);gap:var(--space-2)}.user-avatar{width:40px;height:40px}.user-avatar svg{width:24px;height:24px}}.action-option:focus{outline:2px solid var(--color-primary);outline-offset:2px}.action-option:focus:not(:focus-visible){outline:none}.action-option:has(.loading){pointer-events:none;opacity:.6}.warning-message{animation:warningSlideIn .3s ease-out}@keyframes warningSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-group-detail-page{width:100%;min-height:100vh;padding:0 0 var(--space-6) 0;max-width:1400px;margin:0 auto}._backButton_v68qe_68{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-gray-600);text-decoration:none;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:transparent;border:none;cursor:pointer;transition:var(--transition-all)}._backButton_v68qe_68:hover{color:var(--color-primary-700);background:var(--color-gray-50)}.detail-header{margin-bottom:var(--spacing-6)}.detail-info-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.info-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-5) 0}.info-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1}.info-value{font-size:var(--font-size-base);color:var(--color-gray-900)}.detail-section{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05);overflow:hidden}.section-header{padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-gray-100);display:flex;justify-content:space-between;align-items:center}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0;display:flex;align-items:center;gap:var(--spacing-3)}.users-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:var(--color-gray-50);border-bottom:2px solid var(--color-gray-100)}.users-table th{padding:var(--spacing-4) var(--spacing-5);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);white-space:nowrap}.users-table tbody tr{border-bottom:1px solid var(--color-gray-100);transition:var(--transition-all)}.users-table tbody tr:hover{background:var(--color-gray-50)}.users-table tbody tr:last-child{border-bottom:none}.table-cell{padding:var(--spacing-4) var(--spacing-5);font-size:var(--font-size-base);color:var(--color-gray-900)}.user-username{font-weight:var(--font-weight-semibold);color:var(--color-primary-700)}.user-email{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-gray-600);font-size:var(--font-size-sm)}.user-email svg{color:var(--color-gray-400)}.user-fullname{color:var(--color-gray-900)}.users-grid{display:none;padding:var(--spacing-4);gap:var(--spacing-4)}.user-card{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--spacing-4);transition:var(--transition-all)}.user-card:hover{box-shadow:var(--shadow-sm)}.user-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.user-card-name{font-weight:var(--font-weight-semibold);color:var(--color-primary-700);font-size:var(--font-size-base);margin:0}.user-card-fullname{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-top:var(--spacing-1)}.user-card-email{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-gray-600)}.user-card-email svg{color:var(--color-gray-400)}.empty-section{padding:var(--spacing-8) var(--spacing-6);text-align:center;color:var(--color-gray-500)}.empty-section svg{margin-bottom:var(--spacing-4);color:var(--color-gray-300)}.empty-section p{margin:0;font-size:var(--font-size-base)}.action-buttons{display:flex;gap:var(--spacing-2)}.action-btn{background:transparent;border:none;cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md);transition:var(--transition-all);display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm)}.action-btn:hover{background:var(--color-gray-100)}.action-btn-edit{color:var(--color-primary-600)}.action-btn-edit:hover{background:var(--color-primary-50);color:var(--color-primary-700)}.action-btn-delete{color:var(--color-error-500)}.action-btn-delete:hover{background:var(--color-error-50);color:var(--color-error-600)}.action-btn svg{width:16px;height:16px}.user-card-actions{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-gray-100);display:flex;gap:var(--spacing-2)}.user-card-actions .action-btn{flex:1;justify-content:center;padding:var(--spacing-2) var(--spacing-3)}@media (max-width: 768px){.user-group-detail-page{padding:0 0 var(--space-4) 0}.detail-info-card{padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.info-grid{flex-direction:column;gap:var(--spacing-3)}.section-header{padding:var(--spacing-4)}.section-title{font-size:var(--font-size-base)}.users-table-container{display:none}.users-grid{display:flex;flex-direction:column}}@media (max-width: 640px){.user-group-detail-page{padding:0 0 var(--space-3) 0}}.add-branch-modal{max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.modal-content{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;position:relative;overflow:hidden}.modal-header{padding:var(--spacing-5);border-bottom:1px solid var(--color-gray-100);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.modal-close{background:transparent;border:none;cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md);color:var(--color-gray-500);transition:var(--transition-all)}.modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.modal-body{padding:var(--spacing-5);flex:1;overflow-y:auto}.modal-footer{padding:var(--spacing-5);border-top:1px solid var(--color-gray-100);display:flex;justify-content:flex-end;gap:var(--spacing-3)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-4) 0;display:flex;align-items:center;gap:var(--spacing-2)}.back-button{background:transparent;border:none;color:var(--color-primary-600);font-size:var(--font-size-sm);padding:var(--spacing-2);margin-bottom:var(--spacing-4);cursor:pointer;transition:var(--transition-all)}.back-button:hover{color:var(--color-primary-700)}.networks-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.network-item{background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4);cursor:pointer;transition:var(--transition-all);display:flex;justify-content:space-between;align-items:flex-start}.network-item:hover{border-color:var(--color-primary-300);background:var(--color-primary-50)}.network-item.selected{border-color:var(--color-primary-500);background:var(--color-primary-50)}.network-info{flex:1}.network-name{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);font-size:var(--font-size-base);margin:0 0 var(--spacing-1) 0}.network-description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}.selected-network-info{background:var(--color-gray-50);padding:var(--spacing-3);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);display:flex;gap:var(--spacing-2)}.selected-network-info .label{font-size:var(--font-size-sm);color:var(--color-gray-600)}.selected-network-info .value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary-700)}.branches-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.branch-item{background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4);cursor:pointer;transition:var(--transition-all);display:flex;justify-content:space-between;align-items:flex-start}.branch-item:hover{border-color:var(--color-primary-300);background:var(--color-primary-50)}.branch-item.selected{border-color:var(--color-primary-500);background:var(--color-primary-50)}.branch-info{flex:1}.branch-name{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);font-size:var(--font-size-base);margin:0 0 var(--spacing-2) 0}.branch-details{display:flex;flex-direction:column;gap:var(--spacing-1)}.detail-item{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-gray-600)}.detail-item svg{width:14px;height:14px;color:var(--color-gray-400)}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.status-badge.active{background:var(--color-success-100);color:var(--color-success-600)}.status-badge.inactive{background:var(--color-gray-100);color:var(--color-gray-600)}.error-message{background:var(--color-error-50);color:var(--color-error-600);padding:var(--spacing-3);border-radius:var(--radius-md);margin-bottom:var(--spacing-4)}.warning-message{background:var(--color-warning-50);color:var(--color-warning-700);padding:var(--spacing-3);border-radius:var(--radius-md);margin-top:var(--spacing-4);font-size:var(--font-size-sm)}.empty-state{text-align:center;padding:var(--spacing-6);color:var(--color-gray-500)}@media (max-width: 768px){.add-branch-modal{max-width:100%;width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-overlay{padding:0}.branch-details{font-size:var(--font-size-xs)}}.user-detail-page{width:100%;min-height:100vh;padding:0 0 var(--space-6) 0;max-width:1400px;margin:0 auto}.detail-back-button{margin-bottom:var(--spacing-4)}.back-button{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-gray-600);text-decoration:none;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:transparent;border:none;cursor:pointer;transition:var(--transition-all)}.back-button:hover{color:var(--color-primary-700);background:var(--color-gray-50)}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-6);gap:var(--spacing-4)}.detail-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05);padding:var(--spacing-5);margin-bottom:var(--spacing-5)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-4) 0}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-5)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-2)}.info-label{font-size:var(--font-size-sm);color:var(--color-gray-500);font-weight:var(--font-weight-medium)}.info-value{font-size:var(--font-size-base);color:var(--color-gray-900);display:flex;align-items:center;gap:var(--spacing-2)}.info-value svg{width:16px;height:16px;color:var(--color-gray-400)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-2);margin-top:var(--spacing-3);border-top:1px solid var(--color-gray-100)}.form-input{width:100%;padding:var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-gray-900);background:var(--color-white);transition:var(--transition-all)}.form-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #1abc9c1a}.form-input-error{border-color:var(--color-error-500)}.form-input-error:focus{box-shadow:0 0 0 3px #ef44441a}.form-label{display:block;margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.form-error{display:block;margin-top:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-error-500)}.form-group{margin-bottom:var(--spacing-4)}.form-group-full{width:100%}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);width:fit-content}.status-active{background:var(--color-success-100);color:var(--color-success-600)}.status-inactive{background:var(--color-gray-100);color:var(--color-gray-600)}.groups-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.group-list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:var(--transition-all)}.group-list-item:hover{background:var(--color-gray-100)}.group-list-info{flex:1}.group-list-name{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);font-size:var(--font-size-base);margin:0}.group-list-description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:var(--spacing-1) 0 0 0}.branches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-4)}.branch-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4);transition:var(--transition-all)}.branch-card:hover{box-shadow:0 2px 8px #00000014}.branch-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.branch-card-header>div:first-child{flex:1}.branch-card-title{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);font-size:var(--font-size-base);margin:0 0 var(--spacing-2) 0}.action-btn{padding:var(--spacing-2);border:none;background:transparent;color:var(--color-gray-500);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.action-btn:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.action-btn.action-delete:hover{color:var(--color-error-500);background:var(--color-error-50)}.branch-network{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-gray-200)}.network-label{font-size:var(--font-size-sm);color:var(--color-gray-500)}.network-name{font-size:var(--font-size-sm);color:var(--color-primary-600);font-weight:var(--font-weight-medium)}.branch-details{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.detail-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-gray-600)}.detail-item svg{width:16px;height:16px;color:var(--color-gray-400)}.branch-meta{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-gray-500);padding-top:var(--spacing-3);border-top:1px solid var(--color-gray-200)}.form-section{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-gray-200)}.form-section:first-child{margin-top:0;padding-top:0;border-top:none}.form-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-1) 0}.form-section-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0 0 var(--spacing-3) 0}.card-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.card-header-with-action .card-title{margin:0}.empty-branches{text-align:center;padding:var(--spacing-6);color:var(--color-gray-500)}.empty-branches svg{width:48px;height:48px;color:var(--color-gray-300);margin-bottom:var(--spacing-3)}.empty-branches p{margin:0 0 var(--spacing-4) 0;font-size:var(--font-size-base)}@media (max-width: 768px){.user-detail-page{padding:0 0 var(--space-4) 0}.detail-header{flex-direction:column;gap:var(--spacing-3)}.detail-card{padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.info-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.form-grid,.branches-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}}@media (max-width: 640px){.user-detail-page{padding:0 0 var(--space-3) 0}}._container_1wwxo_5{display:flex;flex-direction:column;gap:var(--space-4)}._header_1wwxo_11{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}._headerInfo_1wwxo_18{flex:1}._title_1wwxo_22{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-navy-900);margin:0 0 var(--space-1) 0}._subtitle_1wwxo_29{font-size:var(--text-sm);color:var(--color-gray-600);margin:0}._loading_1wwxo_36{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--color-gray-500)}._loadingIcon_1wwxo_46{animation:_spin_1wwxo_226 1s linear infinite}@keyframes _spin_1wwxo_226{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._error_1wwxo_56{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8);text-align:center;color:var(--color-error-600)}._empty_1wwxo_67{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8);text-align:center;color:var(--color-gray-500)}._empty_1wwxo_67 svg{color:var(--color-gray-400)}._sessionsList_1wwxo_82{display:flex;flex-direction:column;gap:var(--space-3)}._sessionCard_1wwxo_89{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:border-color var(--duration-base) var(--ease-in-out),box-shadow var(--duration-base) var(--ease-in-out)}._sessionCard_1wwxo_89:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}._sessionCard_1wwxo_89._currentSession_1wwxo_106{border-color:var(--color-turquoise-500);background-color:var(--color-turquoise-50)}._sessionIcon_1wwxo_112{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-navy-700);flex-shrink:0}._currentSession_1wwxo_106 ._sessionIcon_1wwxo_112{background-color:var(--color-turquoise-100);color:var(--color-turquoise-700)}._sessionInfo_1wwxo_130{flex:1;min-width:0}._sessionHeader_1wwxo_135{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}._deviceName_1wwxo_143{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-navy-900)}._currentBadge_1wwxo_149{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);background-color:var(--color-turquoise-100);color:var(--color-turquoise-800);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);white-space:nowrap}._sessionDetails_1wwxo_162{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-2)}._detailItem_1wwxo_169{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-gray-600)}._detailItem_1wwxo_169 svg{color:var(--color-gray-400);flex-shrink:0}._sessionMeta_1wwxo_183{display:flex;flex-wrap:wrap;gap:var(--space-3)}._metaItem_1wwxo_189{font-size:var(--text-xs);color:var(--color-gray-500)}._sessionActions_1wwxo_195{display:flex;align-items:center;flex-shrink:0}._terminateButton_1wwxo_201{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:transparent;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-500);cursor:pointer;transition:all var(--duration-base) var(--ease-in-out)}._terminateButton_1wwxo_201:hover:not(:disabled){background-color:var(--color-error-50);border-color:var(--color-error-300);color:var(--color-error-600)}._terminateButton_1wwxo_201:disabled{opacity:.6;cursor:not-allowed}._spinIcon_1wwxo_226{animation:_spin_1wwxo_226 1s linear infinite}._securityTip_1wwxo_231{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-warning-50);border:1px solid var(--color-warning-200);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-warning-800)}._securityTip_1wwxo_231 svg{flex-shrink:0;color:var(--color-warning-600);margin-top:2px}@media (max-width: 640px){._header_1wwxo_11{flex-direction:column;align-items:stretch}._sessionCard_1wwxo_89{flex-direction:column;gap:var(--space-3)}._sessionIcon_1wwxo_112{width:40px;height:40px}._sessionIcon_1wwxo_112 svg{width:20px;height:20px}._sessionActions_1wwxo_195{width:100%;justify-content:flex-end;padding-top:var(--space-2);border-top:1px solid var(--color-gray-200)}._sessionDetails_1wwxo_162{flex-direction:column;gap:var(--space-2)}}._page_1nrus_5{padding:var(--space-6);max-width:900px;margin:0 auto}._backButton_1nrus_12{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-gray-600);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-base) var(--ease-in-out);margin-bottom:var(--space-4)}._backButton_1nrus_12:hover{background-color:var(--color-gray-100);color:var(--color-navy-900)}._header_1nrus_34{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}._headerInfo_1nrus_41{display:flex;align-items:center;gap:var(--space-4)}._avatar_1nrus_47{width:64px;height:64px;border-radius:var(--radius-full);background-color:var(--color-turquoise-100);color:var(--color-turquoise-700);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}._avatar_1nrus_47 img{width:100%;height:100%;object-fit:cover}._headerText_1nrus_66{display:flex;flex-direction:column;gap:var(--space-1)}._headerTitle_1nrus_72{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-navy-900);margin:0}._headerSubtitle_1nrus_79{font-size:var(--text-sm);color:var(--color-gray-600);margin:0}._tabsWrapper_1nrus_86{margin-bottom:var(--space-6)}._content_1nrus_91{display:flex;flex-direction:column;gap:var(--space-6)}._card_1nrus_98{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6)}._cardHeader_1nrus_105{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);flex-wrap:wrap;gap:var(--space-3)}._cardTitle_1nrus_114{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-navy-900);margin:0;display:flex;align-items:center;gap:var(--space-2)}._cardCount_1nrus_124{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-gray-500)}._editActions_1nrus_130{display:flex;gap:var(--space-2)}._infoGrid_1nrus_136{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}._infoItem_1nrus_142{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-gray-50);border-radius:var(--radius-md)}._infoIcon_1nrus_151{color:var(--color-turquoise-600);flex-shrink:0;margin-top:2px}._infoContent_1nrus_157{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}._infoLabel_1nrus_164{font-size:var(--text-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}._infoValue_1nrus_171{font-size:var(--text-base);color:var(--color-navy-900);font-weight:var(--font-medium);word-break:break-word}._editForm_1nrus_179{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}._formGroup_1nrus_185{display:flex;flex-direction:column;gap:var(--space-2)}._formLabel_1nrus_191{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-navy-700)}._networksList_1nrus_198{display:flex;flex-direction:column;gap:var(--space-3)}._networkItem_1nrus_204{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-gray-50);border-radius:var(--radius-md)}._networkIcon_1nrus_213{color:var(--color-navy-600);flex-shrink:0}._networkInfo_1nrus_218{display:flex;flex-direction:column;gap:var(--space-1)}._networkName_1nrus_224{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-navy-900)}._networkCode_1nrus_230{font-size:var(--text-sm);color:var(--color-gray-500)}._branchesList_1nrus_236{display:flex;flex-direction:column;gap:var(--space-3)}._branchItem_1nrus_242{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-gray-50);border-radius:var(--radius-md)}._branchInfo_1nrus_252{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}._branchName_1nrus_260{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-navy-900)}._branchAddress_1nrus_266{font-size:var(--text-sm);color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._branchStatus_1nrus_274{font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0}._branchStatus_1nrus_274._active_1nrus_283{background-color:var(--color-success-100);color:var(--color-success-700)}._branchStatus_1nrus_274._inactive_1nrus_288{background-color:var(--color-gray-200);color:var(--color-gray-600)}._securityTab_1nrus_294{display:flex;flex-direction:column;gap:var(--space-6)}._error_1nrus_301{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);text-align:center;color:var(--color-gray-600)}@media (max-width: 768px){._page_1nrus_5{padding:var(--space-4)}._header_1nrus_34{flex-direction:column;align-items:flex-start;gap:var(--space-4)}._avatar_1nrus_47{width:56px;height:56px}._headerTitle_1nrus_72{font-size:var(--text-xl)}._card_1nrus_98{padding:var(--space-4)}._cardHeader_1nrus_105{flex-direction:column;align-items:flex-start}._infoGrid_1nrus_136,._editForm_1nrus_179{grid-template-columns:1fr}._branchItem_1nrus_242{flex-direction:column;align-items:flex-start}._branchStatus_1nrus_274{align-self:flex-start}}@media (pointer: coarse){._backButton_1nrus_12{min-height:var(--touch-target-min)}}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a202c,#2d3748);z-index:9999}.loading-content{text-align:center;position:relative;z-index:2}.loading-logo{margin-bottom:32px;animation:logoFloat 3s ease-in-out infinite;display:flex;align-items:center;gap:16px}.loading-logo-text{font-size:28px;font-weight:600;color:#fff;letter-spacing:-.01em;opacity:0;animation:fadeInUp .5s ease-out .2s forwards}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading-spinner{position:relative;width:80px;height:80px;margin:0 auto 24px}.spinner-ring,.spinner-ring-inner{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid transparent;border-radius:50%}.spinner-ring{border-top-color:#1abc9c;border-right-color:#1abc9c;animation:spinnerRotate 1.5s linear infinite}.spinner-ring-inner{top:8px;right:8px;bottom:8px;left:8px;border-top-color:#48bb78;border-left-color:#48bb78;animation:spinnerRotateReverse 1s linear infinite}@keyframes spinnerRotate{to{transform:rotate(360deg)}}@keyframes spinnerRotateReverse{to{transform:rotate(-360deg)}}.loading-text{font-size:16px;color:#e2e8f0;font-weight:500;margin:0;opacity:0;animation:fadeInUp .5s ease-out .3s forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-bg-decoration{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.decoration-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.15}.decoration-orb-1{top:-10%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#1abc9c 0%,transparent 70%);animation:orbFloat1 20s ease-in-out infinite}.decoration-orb-2{bottom:-20%;right:-15%;width:500px;height:500px;background:radial-gradient(circle,#48bb78 0%,transparent 70%);animation:orbFloat2 25s ease-in-out infinite}.decoration-orb-3{top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,#68d391 0%,transparent 70%);animation:orbFloat3 15s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,20px) scale(1.05)}66%{transform:translate(30px,-40px) scale(.9)}}@keyframes orbFloat3{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}@media (max-width: 768px){.loading-spinner{width:60px;height:60px}.spinner-ring-inner{top:6px;right:6px;bottom:6px;left:6px}.loading-text{font-size:14px}.loading-logo-text{font-size:20px}.decoration-orb-1{width:300px;height:300px}.decoration-orb-2{width:350px;height:350px}.decoration-orb-3{width:200px;height:200px}}.app{min-height:100vh;background-color:var(--color-white)}:root{--hover-duration: .3s;--hover-timing: cubic-bezier(.25, .46, .45, .94);--hover-shadow-light: rgba(26, 188, 156, .15);--hover-shadow-medium: rgba(26, 188, 156, .25);--hover-shadow-strong: rgba(44, 62, 80, .2);--hover-lift: -4px;--hover-lift-subtle: -2px;--hover-scale-small: 1.02;--hover-scale-medium: 1.05;--hover-scale-large: 1.1;--hover-border-color: var(--color-turquoise-700);--hover-border-secondary: var(--color-navy-500);--color-turquoise-200: #a7f3d0;--color-turquoise-100: #d1f2eb}.hover-transition{transition:all var(--hover-duration) var(--hover-timing);will-change:transform,box-shadow,border-color,background-color}.no-hover{pointer-events:none}.no-hover *{pointer-events:auto}.hover-card{transition:all var(--hover-duration) var(--hover-timing);will-change:transform,box-shadow,border-color}.hover-card:hover{transform:translateY(var(--hover-lift-subtle));box-shadow:0 8px 32px var(--hover-shadow-light);border-color:var(--hover-border-color)}.hover-card:active{transform:translateY(0);transition-duration:.15s}.hover-card-strong{transition:all var(--hover-duration) var(--hover-timing);will-change:transform,box-shadow,border-color}.hover-card-strong:hover{transform:translateY(var(--hover-lift));box-shadow:0 12px 48px var(--hover-shadow-medium);border-color:var(--hover-border-color)}.hover-card-strong:active{transform:translateY(-1px);transition-duration:.15s}.hover-card-subtle{transition:all var(--hover-duration) var(--hover-timing);will-change:box-shadow,background-color}.hover-card-subtle:hover{box-shadow:0 4px 16px #00000014;background-color:var(--color-gray-50)}.hover-button{transition:all var(--hover-duration) var(--hover-timing);will-change:transform,background-color,box-shadow}.hover-button:hover{transform:scale(var(--hover-scale-small));box-shadow:0 4px 16px #0000001a}.hover-button:active{transform:scale(.98);transition-duration:.15s}.hover-button-strong{transition:all var(--hover-duration) var(--hover-timing);will-change:transform,background-color,box-shadow}.hover-button-strong:hover{transform:scale(var(--hover-scale-medium));box-shadow:0 8px 24px #1abc9c4d}.hover-button-strong:active{transform:scale(1);transition-duration:.15s}.hover-button-strong:hover{background:var(--color-turquoise-900)}.hover-button-subtle{transition:all var(--hover-duration) var(--hover-timing);will-change:background-color,border-color}.hover-button-subtle:hover{background:var(--color-gray-100);border-color:var(--hover-border-secondary)}.hover-link{position:relative;transition:color var(--hover-duration) var(--hover-timing)}.hover-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-turquoise-700);transition:width var(--hover-duration) var(--hover-timing)}.hover-link:hover{color:var(--color-turquoise-700)}.hover-link:hover:after{width:100%}.hover-nav{transition:all var(--hover-duration) var(--hover-timing);will-change:transform,background-color}.hover-nav:hover{transform:translate(4px);background:#ffffff1a}.hover-row{transition:background-color var(--hover-duration) var(--hover-timing);will-change:background-color}.hover-row:hover{background-color:var(--color-turquoise-100)}.hover-list-item{transition:all var(--hover-duration) var(--hover-timing);will-change:background-color,padding-left}.hover-list-item:hover{background-color:var(--color-gray-100);padding-left:calc(var(--space-4) + 4px)}.hover-icon{transition:all var(--hover-duration) var(--hover-timing);will-change:transform,color}.hover-icon:hover{transform:scale(var(--hover-scale-medium));color:var(--color-turquoise-700)}.hover-icon-rotate{transition:all var(--hover-duration) var(--hover-timing);will-change:transform,color}.hover-icon-rotate:hover{transform:rotate(15deg) scale(var(--hover-scale-medium));color:var(--color-turquoise-700)}.hover-arrow{transition:all var(--hover-duration) var(--hover-timing);will-change:transform,color}.hover-arrow:hover{transform:translate(4px);color:var(--color-turquoise-700)}.hover-glow{transition:all var(--hover-duration) var(--hover-timing);will-change:box-shadow}.hover-glow:hover{box-shadow:0 0 20px var(--hover-shadow-light)}.hover-darken{transition:all var(--hover-duration) var(--hover-timing);will-change:background-color;position:relative;overflow:hidden}.hover-darken:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000;transition:background var(--hover-duration) var(--hover-timing);pointer-events:none}.hover-darken:hover:before{background:#0000001a}.hover-highlight{transition:all var(--hover-duration) var(--hover-timing);will-change:background-color,box-shadow}.hover-highlight:hover{background:linear-gradient(135deg,var(--color-turquoise-100),rgba(255,255,255,.8));box-shadow:inset 0 1px #fff9}.certificate-card-hover{transition:all var(--hover-duration) var(--hover-timing);will-change:transform,box-shadow,border-color}.certificate-card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 32px #1abc9c1a;border-color:var(--color-turquoise-700)}.certificate-card-hover:hover .certificate-card-actions-btn{opacity:1;transform:scale(1.1)}.certificate-card-hover:hover .certificate-status-badge{transform:scale(1.05)}.dictionary-card-hover{transition:all var(--hover-duration) var(--hover-timing);will-change:transform,box-shadow,border-color}.dictionary-card-hover:hover{transform:translateY(-4px);box-shadow:0 12px 48px #1abc9c26;border-color:var(--color-turquoise-700)}.dictionary-card-hover:hover .dictionary-card-arrow{transform:translate(6px) scale(1.2);color:var(--color-turquoise-700)}.dictionary-card-hover:hover .dictionary-card-icon{transform:scale(1.1);color:var(--color-turquoise-900)}.hover-parent:hover .animate-text{transform:translateY(-1px);transition:transform var(--hover-duration) var(--hover-timing)}.hover-parent:hover .animate-icon{transform:scale(1.1) rotate(5deg);transition:transform var(--hover-duration) var(--hover-timing)}.hover-parent:hover .animate-chevron{transform:translate(3px);transition:transform var(--hover-duration) var(--hover-timing)}.hover-group .hover-group-item{transition:all var(--hover-duration) var(--hover-timing);will-change:opacity,transform}.hover-group:hover .hover-group-item:not(:hover){opacity:.7;transform:scale(.98)}.hover-group .hover-group-item:hover{opacity:1;transform:scale(1.02);z-index:1}@media (max-width: 768px){.hover-card:hover,.hover-card-strong:hover{transform:none;box-shadow:0 4px 16px #0000001a}.hover-button:hover,.hover-button-strong:hover{transform:none}.certificate-card-actions-btn,.hover-reveal{opacity:1!important}}@media (hover: none) and (pointer: coarse){.hover-card:hover,.hover-card-strong:hover,.hover-card-subtle:hover{transform:none;box-shadow:none}.hover-button:hover,.hover-button-strong:hover,.hover-button-subtle:hover{transform:none}}@media (prefers-reduced-motion: reduce){.hover-card,.hover-card-strong,.hover-card-subtle,.hover-button,.hover-button-strong,.hover-button-subtle,.hover-icon,.hover-icon-rotate,.hover-arrow,.hover-nav,.hover-link,.hover-row,.hover-list-item,.certificate-card-hover,.dictionary-card-hover{transition:none!important}.hover-card:hover,.hover-card-strong:hover{transform:none;box-shadow:0 2px 8px #0000001a}.hover-button:hover,.hover-button-strong:hover,.hover-icon:hover,.hover-icon-rotate:hover{transform:none}}@media (prefers-contrast: high){:root{--hover-shadow-light: rgba(0, 0, 0, .3);--hover-shadow-medium: rgba(0, 0, 0, .4);--hover-border-color: #000000}.hover-card:hover,.hover-card-strong:hover{border-width:2px}}.hover-card:focus-visible,.hover-button:focus-visible,.hover-icon:focus-visible,.hover-nav:focus-visible,.hover-link:focus-visible{outline:2px solid var(--color-turquoise-700);outline-offset:2px}.hover-reveal{opacity:0;transition:opacity var(--hover-duration) var(--hover-timing)}.hover-parent:hover .hover-reveal{opacity:1}.hover-hide{opacity:1;transition:opacity var(--hover-duration) var(--hover-timing)}.hover-parent:hover .hover-hide{opacity:0}.hover-color-change{transition:color var(--hover-duration) var(--hover-timing)}.hover-parent:hover .hover-color-change{color:var(--color-turquoise-700)}:root{--gradient-accent-line: linear-gradient(90deg, var(--color-turquoise-700), rgba(26, 188, 156, 0));--gradient-accent-line-vertical: linear-gradient(180deg, var(--color-turquoise-700), rgba(26, 188, 156, 0));--gradient-subtle-bg: linear-gradient(135deg, rgba(255, 255, 255, .8), rgba(26, 188, 156, .03));--gradient-subtle-radial: radial-gradient(circle at top right, rgba(26, 188, 156, .08), transparent 60%);--gradient-mesh-bg: linear-gradient(135deg, rgba(26, 188, 156, .05) 0%, transparent 25%), linear-gradient(225deg, rgba(44, 62, 80, .03) 0%, transparent 25%);--gradient-border-turquoise: linear-gradient(90deg, var(--color-turquoise-700), var(--color-turquoise-300));--gradient-border-mixed: linear-gradient(135deg, var(--color-turquoise-700), var(--color-navy-500));--gradient-border-subtle: linear-gradient(90deg, rgba(26, 188, 156, .3), rgba(26, 188, 156, .1));--shadow-soft-turquoise: 0 4px 20px rgba(26, 188, 156, .08);--shadow-soft-navy: 0 6px 24px rgba(44, 62, 80, .06);--shadow-glow-accent: 0 0 20px rgba(26, 188, 156, .12);--shadow-inset-subtle: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .05);--accent-line-thin: 1px;--accent-line-medium: 2px;--accent-line-thick: 3px;--decorator-size-sm: 4px;--decorator-size-md: 8px;--decorator-size-lg: 12px;--decoration-duration: .6s;--decoration-timing: cubic-bezier(.23, 1, .32, 1)}.accent-line-horizontal{position:relative;width:100%;height:var(--accent-line-thin);background:var(--gradient-accent-line);border:none;margin:var(--space-4) 0}.accent-line-horizontal-medium{height:var(--accent-line-medium)}.accent-line-horizontal-thick{height:var(--accent-line-thick)}.accent-line-animated{position:relative;width:100%;height:var(--accent-line-thin);background:#1abc9c1a;overflow:hidden;margin:var(--space-4) 0}.accent-line-animated:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-accent-line);animation:slideAccentLine var(--decoration-duration) var(--decoration-timing) infinite;animation-delay:1s}@keyframes slideAccentLine{0%{left:-100%}50%{left:0%}to{left:100%}}.accent-line-vertical{position:relative;width:var(--accent-line-thin);height:100%;background:var(--gradient-accent-line-vertical);border:none}.accent-line-vertical-medium{width:var(--accent-line-medium)}.accent-line-vertical-thick{width:var(--accent-line-thick)}.accent-line-short{position:relative;width:60px;height:var(--accent-line-medium);background:var(--gradient-accent-line);margin:var(--space-2) 0}.accent-line-short-left{margin-left:0;margin-right:auto}.accent-line-short-center{margin-left:auto;margin-right:auto}.accent-line-short-right{margin-left:auto;margin-right:0}.bg-gradient-subtle{background:var(--gradient-subtle-bg);position:relative}.bg-gradient-radial{background:var(--gradient-subtle-radial);position:relative}.bg-gradient-mesh{background:var(--gradient-mesh-bg);position:relative}.gradient-overlay-turquoise{position:relative}.gradient-overlay-turquoise:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(26,188,156,.03),transparent 50%);pointer-events:none;z-index:1}.gradient-overlay-navy{position:relative}.gradient-overlay-navy:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(225deg,rgba(44,62,80,.02),transparent 50%);pointer-events:none;z-index:1}.decorator-dot{width:var(--decorator-size-sm);height:var(--decorator-size-sm);border-radius:50%;background:var(--color-turquoise-700);display:inline-block;position:relative}.decorator-dot-medium{width:var(--decorator-size-md);height:var(--decorator-size-md)}.decorator-dot-large{width:var(--decorator-size-lg);height:var(--decorator-size-lg)}.decorator-dot-pulse{animation:decoratorPulse 2s ease-in-out infinite}@keyframes decoratorPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.decorator-circle-gradient{width:var(--decorator-size-md);height:var(--decorator-size-md);border-radius:50%;background:var(--gradient-border-turquoise);display:inline-block;position:relative}.decorator-circle-gradient-large{width:var(--decorator-size-lg);height:var(--decorator-size-lg)}.decorator-dots-group{display:flex;gap:var(--space-2);align-items:center}.decorator-dots-vertical{flex-direction:column}.border-gradient-turquoise{position:relative;background:var(--color-white);border-radius:var(--radius-md)}.border-gradient-turquoise:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;background:var(--gradient-border-turquoise);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor}.border-gradient-mixed{position:relative;background:var(--color-white);border-radius:var(--radius-md)}.border-gradient-mixed:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;background:var(--gradient-border-mixed);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor}.border-gradient-subtle{position:relative;background:var(--color-white);border-radius:var(--radius-md)}.border-gradient-subtle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:.5px;background:var(--gradient-border-subtle);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor}.border-gradient-hover{position:relative;background:var(--color-white);border-radius:var(--radius-md);transition:all var(--hover-duration) var(--hover-timing)}.border-gradient-hover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;background:var(--gradient-border-subtle);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;transition:background var(--hover-duration) var(--hover-timing)}.border-gradient-hover:hover:before{background:var(--gradient-border-turquoise)}.shadow-soft-turquoise{box-shadow:var(--shadow-soft-turquoise)}.shadow-soft-navy{box-shadow:var(--shadow-soft-navy)}.shadow-glow-accent{box-shadow:var(--shadow-glow-accent)}.shadow-layered{box-shadow:var(--shadow-soft-turquoise),0 1px 3px #0000000d}.shadow-inset-subtle{box-shadow:var(--shadow-inset-subtle)}.decorated-section{position:relative;padding:var(--space-6) var(--space-4);background:var(--gradient-subtle-bg);border-radius:var(--radius-lg)}.decorated-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:var(--accent-line-medium);background:var(--gradient-accent-line)}.decorated-heading{position:relative;display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.decorated-heading:before{content:"";flex-shrink:0;width:var(--decorator-size-md);height:var(--decorator-size-md);border-radius:50%;background:var(--gradient-border-turquoise)}.decorated-heading:after{content:"";flex:1;height:var(--accent-line-thin);background:var(--gradient-accent-line);margin-left:var(--space-3)}.decorated-card{position:relative;background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-soft-turquoise);overflow:hidden}.decorated-card:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--accent-line-medium);background:var(--gradient-accent-line)}.decorated-card:after{content:"";position:absolute;top:var(--space-4);right:var(--space-4);width:var(--decorator-size-sm);height:var(--decorator-size-sm);border-radius:50%;background:var(--color-turquoise-300);opacity:.6}.sidebar-decorated{position:relative}.sidebar-decorated:after{content:"";position:absolute;top:0;right:0;width:var(--accent-line-thin);height:100%;background:var(--gradient-accent-line-vertical)}@media (max-width: 768px){.decorated-section{padding:var(--space-4) var(--space-3)}.decorated-heading:after{display:none}.accent-line-animated:before{animation:none}.decorator-dot-pulse{animation:none}}@media (prefers-reduced-motion: reduce){.accent-line-animated:before,.decorator-dot-pulse{animation:none!important}.border-gradient-hover,.border-gradient-hover:before{transition:none!important}}@media (prefers-contrast: high){:root{--gradient-accent-line: linear-gradient(90deg, #000000, rgba(0, 0, 0, 0));--gradient-border-turquoise: linear-gradient(90deg, #000000, #333333);--shadow-soft-turquoise: 0 4px 20px rgba(0, 0, 0, .3)}.decorator-dot{background:#000}}@media (prefers-color-scheme: dark){:root{--gradient-subtle-bg: linear-gradient(135deg, rgba(44, 62, 80, .1), rgba(26, 188, 156, .05));--gradient-mesh-bg: linear-gradient(135deg, rgba(26, 188, 156, .08) 0%, transparent 25%), linear-gradient(225deg, rgba(44, 62, 80, .06) 0%, transparent 25%);--shadow-soft-turquoise: 0 4px 20px rgba(26, 188, 156, .15);--shadow-soft-navy: 0 6px 24px rgba(0, 0, 0, .3)}.decorated-card{background:#2c3e500d}}.accent-line-animated,.decorator-dot-pulse,.border-gradient-hover{will-change:auto}.accent-line-animated:before{will-change:transform}.decorator-dot-pulse{will-change:transform,opacity}.modal-decorated{position:relative;background:var(--gradient-subtle-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-layered)}.modal-decorated:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:var(--accent-line-thick);background:var(--gradient-accent-line);border-radius:0 0 var(--radius-sm) var(--radius-sm)}.table-header-decorated{position:relative;background:var(--gradient-subtle-bg);border-bottom:var(--accent-line-thin) solid transparent;background-clip:padding-box}.table-header-decorated:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--accent-line-thin);background:var(--gradient-accent-line)}.section-divider{position:relative;margin:var(--space-8) 0;text-align:center}.section-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:var(--accent-line-thin);background:var(--gradient-accent-line);transform:translateY(-50%)}.section-divider-content{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-gray-50);padding:0 var(--space-4);z-index:1}.page-container{width:100%;min-height:100vh;padding:0 0 var(--space-6) 0;max-width:1400px;margin:0 auto}.page-content{width:100%;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05);overflow:hidden}.page-header{margin-bottom:var(--space-4)}@media (max-width: 1024px){.page-container{padding:0 0 var(--space-5) 0;max-width:100%}}@media (max-width: 768px){.page-container{padding:0 0 var(--space-4) 0}.page-header{margin-bottom:var(--space-3)}h1{font-size:clamp(20px,4vw,24px)}h2{font-size:clamp(18px,3.5vw,20px)}h3{font-size:var(--text-lg)}}@media (max-width: 640px){.page-container{padding:0 0 var(--space-3) 0}}@media (max-width: 480px){.page-container{padding:0 0 var(--space-3) 0}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-base)}}.adaptive-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (max-width: 768px){.adaptive-grid{grid-template-columns:1fr;gap:var(--space-4)}}@media (max-width: 480px){.adaptive-grid{gap:var(--space-3)}}@media (hover: none) and (pointer: coarse){.btn,.btn-sm{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:max(var(--space-2),10px) max(var(--space-4),16px)}.nav-link,.card-link,.action-button{min-height:var(--touch-target-min);display:flex;align-items:center;padding:var(--space-2) var(--space-3)}.hover-disabled:hover{transform:none!important;box-shadow:none!important;background:inherit!important}}@media (max-width: 768px){body{line-height:1.6}p,.text-body{line-height:1.65}.text-sm{line-height:1.5}}.loading-state,.error-state,.empty-state{padding:var(--space-8) var(--space-4);min-height:200px}@media (max-width: 768px){.loading-state,.error-state,.empty-state{padding:var(--space-6) var(--space-3);min-height:150px}}@media (max-width: 768px){.table-desktop{display:none}.cards-mobile{display:block}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md)}.table-scroll table{min-width:600px}}@media (min-width: 769px){.table-desktop{display:table}.cards-mobile{display:none}}@media (max-width: 1024px){.desktop-nav{display:none}.mobile-nav{display:block}}@media (min-width: 1025px){.desktop-nav{display:block}.mobile-nav{display:none}}@media (max-width: 1024px){.mobile-header-offset{padding-top:calc(56px + var(--space-4))}}.hidden-mobile{display:block}.hidden-desktop{display:none}@media (max-width: 768px){.hidden-mobile{display:none}.hidden-desktop{display:block}}@media (max-width: 640px){.mobile-full-width{width:100%!important;max-width:100%!important}}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--mobile-header-height: 56px;--bottom-nav-height: 64px;--touch-target-min: 44px;--touch-spacing-min: 8px;--radius-mobile-card: 16px;--radius-mobile-sheet: 24px;--shadow-mobile-card: 0 2px 8px rgba(0, 0, 0, .08);--shadow-mobile-elevated: 0 4px 16px rgba(0, 0, 0, .12)}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media (max-width: 768px){html,body{overflow-x:hidden!important;max-width:100vw;width:100%}main{overflow-x:hidden!important;max-width:100%;width:100%;box-sizing:border-box}.create-certificate-page,.create-certificate-content,.form-section{overflow-x:hidden!important;max-width:100%!important;width:100%!important}}body.no-overscroll{overscroll-behavior:none}.no-select{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.safe-area-container{padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.safe-area-bottom{padding-bottom:var(--safe-area-bottom)}.safe-area-top{padding-top:var(--safe-area-top)}*{-webkit-tap-highlight-color:rgba(26,188,156,.15)}.touch-active:active{opacity:.7;transform:scale(.98)}.ripple-container{position:relative;overflow:hidden}.mobile-card{background:var(--color-white);border-radius:var(--radius-mobile-card);box-shadow:var(--shadow-mobile-card);padding:var(--space-4);margin-bottom:var(--space-3);transition:transform .15s ease,box-shadow .15s ease}.mobile-card:active{transform:scale(.98);box-shadow:var(--shadow-mobile-elevated)}.mobile-card-navigable{position:relative;padding-right:var(--space-10)}.mobile-card-navigable:after{content:"";position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);width:8px;height:8px;border-right:2px solid var(--color-gray-400);border-bottom:2px solid var(--color-gray-400);transform:translateY(-50%) rotate(-45deg)}.mobile-list-item{display:flex;align-items:center;padding:var(--space-3) var(--space-4);min-height:var(--touch-target-min);border-bottom:1px solid var(--color-gray-100);gap:var(--space-3);transition:background .15s ease}.mobile-list-item:last-child{border-bottom:none}.mobile-list-item:active{background:var(--color-gray-50)}.mobile-list-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-gray-100);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-gray-600)}.mobile-list-content{flex:1;min-width:0}.mobile-list-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-gray-900);margin:0}.mobile-list-subtitle{font-size:var(--text-sm);color:var(--color-gray-500);margin-top:2px}.mobile-list-action{flex-shrink:0;color:var(--color-gray-400)}.btn-mobile-full{width:100%;min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-base);border-radius:var(--radius-lg)}.fab{position:fixed;right:var(--space-4);bottom:calc(var(--space-4) + var(--safe-area-bottom));width:56px;height:56px;border-radius:50%;background:var(--color-turquoise-500);color:#fff;box-shadow:0 4px 12px #1abc9c4d;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;z-index:100;transition:transform .2s ease,box-shadow .2s ease}.fab:active{transform:scale(.95);box-shadow:0 2px 8px #1abc9c4d}@media (max-width: 768px){input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=search],textarea,select{font-size:16px;min-height:var(--touch-target-min);border-radius:var(--radius-lg)}.form-group{margin-bottom:var(--space-4)}.form-label{font-size:var(--text-sm);margin-bottom:var(--space-2)}.form-actions{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4)}.form-actions>button{width:100%}}.mobile-sticky-header{position:sticky;top:0;z-index:100;background:var(--color-white);border-bottom:1px solid var(--color-gray-100);padding:var(--space-3) var(--space-4);min-height:var(--mobile-header-height);display:flex;align-items:center}.mobile-back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-gray-700);cursor:pointer;margin-left:-8px;border-radius:50%}.mobile-back-btn:active{background:var(--color-gray-100)}.mobile-tabs{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-white);border-bottom:1px solid var(--color-gray-100)}.mobile-tabs::-webkit-scrollbar{display:none}.mobile-tab{flex-shrink:0;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-600);background:none;border:none;border-radius:var(--radius-full);white-space:nowrap;cursor:pointer;transition:all .15s ease}.mobile-tab.active{background:var(--color-turquoise-100);color:var(--color-turquoise-700)}.mobile-search{position:relative;padding:var(--space-3) var(--space-4);background:var(--color-white)}.mobile-search-input{width:100%;padding:var(--space-3) var(--space-4);padding-left:var(--space-10);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);background:var(--color-gray-50);font-size:16px;transition:all .15s ease}.mobile-search-input:focus{background:var(--color-white);border-color:var(--color-turquoise-500);outline:none}.mobile-search-icon{position:absolute;left:calc(var(--space-4) + var(--space-3));top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none}.mobile-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.mobile-empty-icon{width:80px;height:80px;margin-bottom:var(--space-4);color:var(--color-gray-300)}.mobile-empty-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-gray-900);margin-bottom:var(--space-2)}.mobile-empty-text{font-size:var(--text-sm);color:var(--color-gray-500);max-width:280px}.ptr-indicator{display:flex;align-items:center;justify-content:center;padding:var(--space-4);color:var(--color-gray-500)}.ptr-spinner{width:24px;height:24px;border:2px solid var(--color-gray-200);border-top-color:var(--color-turquoise-500);border-radius:50%;animation:ptr-spin .8s linear infinite}@keyframes ptr-spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;margin-bottom:var(--space-2)}.skeleton-text-sm{height:12px;width:60%}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-card{height:120px;border-radius:var(--radius-mobile-card)}.mobile-only{display:none}@media (max-width: 1024px){.mobile-only{display:block}}.desktop-only{display:block}@media (max-width: 1024px){.desktop-only{display:none}}@media (max-width: 640px){.mobile-stack{flex-direction:column!important}.mobile-stack>*{width:100%!important}}@media (max-width: 640px){.mobile-full{width:100%!important;margin-left:0!important;margin-right:0!important;border-radius:0!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-gray-50);color:var(--color-gray-900);line-height:1.5;font-size:var(--text-base)}@media (max-width: 1024px){html,body{overflow-x:hidden;width:100%;position:relative}}:root{--color-primary: #2c3e50;--color-accent: #1abc9c;--color-neutral: #ecf0f1;--color-navy-900: #1a252f;--color-navy-700: #2c3e50;--color-navy-500: #34495e;--color-navy-300: #4a5f7a;--color-navy-100: #e8eaed;--color-turquoise-900: #16a085;--color-turquoise-700: #1abc9c;--color-turquoise-500: #48c9b0;--color-turquoise-300: #76d7c4;--color-turquoise-100: #d1f2eb;--color-white: #FFFFFF;--color-gray-50: #ecf0f1;--color-gray-100: #f4f6f7;--color-gray-200: #bdc3c7;--color-gray-300: #ecf0f1;--color-gray-400: #A3A3A3;--color-gray-500: #7f8c8d;--color-gray-600: #525252;--color-gray-700: #2c3e50;--color-gray-800: #1a252f;--color-gray-900: #1a252f;--color-black: #000000;--sidebar-bg: var(--color-primary);--sidebar-text: #ffffff;--sidebar-hover: var(--color-navy-500);--button-primary-bg: var(--color-primary);--button-primary-hover: var(--color-navy-500);--button-cta-bg: var(--color-accent);--button-cta-hover: var(--color-turquoise-900);--bg-main: var(--color-neutral);--color-blue-500: var(--color-accent);--color-blue-600: var(--color-turquoise-900);--color-blue-50: var(--color-turquoise-100);--color-green-500: #10B981;--color-green-600: #059669;--color-red-500: #EF4444;--color-red-600: #DC2626;--color-yellow-500: #F59E0B;--color-yellow-600: #D97706;--color-error-100: #fef2f2;--color-error-500: #dc2626;--color-error-700: #991b1b;--color-success-100: #f0fdf4;--color-success-500: #10B981;--color-success-700: #047857;--color-warning-100: #fefce8;--color-warning-500: #F59E0B;--color-warning-700: #a16207;--color-primary-700: var(--color-primary);--color-primary-600: var(--color-navy-500);--color-primary-100: var(--color-navy-100);--color-primary-50: rgba(44, 62, 80, .1);--color-accent-600: var(--color-turquoise-900);--color-accent-50: var(--color-turquoise-100);--color-success-600: var(--color-green-600);--color-danger-600: var(--color-red-600);--color-danger-50: rgba(239, 68, 68, .1);--color-warning-600: var(--color-yellow-600);--gradient-primary: linear-gradient(135deg, var(--color-primary), var(--color-navy-900));--gradient-accent: linear-gradient(135deg, var(--color-accent), var(--color-turquoise-900));--transition-all: all var(--duration-base) var(--ease-in-out);--transition-opacity: opacity var(--duration-base) var(--ease-in-out);--spacing-1: var(--space-1);--spacing-2: var(--space-2);--spacing-3: var(--space-3);--spacing-4: var(--space-4);--spacing-5: var(--space-5);--spacing-6: var(--space-6);--spacing-8: var(--space-8);--spacing-12: var(--space-12);--font-size-base: var(--text-base);--font-size-sm: var(--text-sm);--font-size-xs: var(--text-xs);--font-size-lg: var(--text-lg);--font-size-h4: var(--text-2xl);--font-size-h6: var(--text-xl);--font-weight-medium: var(--font-medium);--font-weight-semibold: var(--font-semibold);--shadow-xl: 0 20px 48px rgba(0, 0, 0, .15);--radius-xl: 16px;--duration-normal: var(--duration-base);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-none: 0px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--duration-fade: .3s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-fade: cubic-bezier(.25, .46, .45, .94);--max-width: 1280px;--container-padding-mobile: 16px;--container-padding-tablet: 24px;--container-padding-desktop: 32px;--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--touch-target-min: 44px;--touch-spacing-min: 8px;--container-padding-xs: 12px;--container-padding-sm: 16px;--container-padding-md: 20px;--content-padding-xs: var(--space-3);--content-padding-sm: var(--space-4);--content-padding-md: var(--space-6);--content-padding-lg: var(--space-8);--primary: var(--color-primary);--primary-light: #34495e;--primary-lightest: #e8ebed;--success: var(--color-success);--success-light: #34d399;--success-lightest: #d1fae5;--success-dark: #047857}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-semibold);line-height:1.2;color:var(--color-gray-800)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}a{color:var(--color-gray-700);text-decoration:none;transition:color var(--duration-base) var(--ease-in-out)}a:hover{color:var(--color-gray-900)}*:focus{outline:none}*:focus-visible{outline:2px solid var(--color-gray-900);outline-offset:2px}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--container-padding-mobile)}@media (min-width: 768px){.container{padding:0 var(--container-padding-tablet)}}@media (min-width: 1024px){.container{padding:0 var(--container-padding-desktop)}}@media (prefers-contrast: high){:root{--color-gray-200: #CCCCCC;--color-gray-300: #999999;--color-gray-600: #333333;--color-gray-900: #000000}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}