:root{--color-primary-dark: #252a3a;--color-primary-blue: #33394f;--color-primary-light: #454c66;--color-accent-cyan: #0ad4fc;--color-accent-sky: #0bbbef;--color-accent-red: #ea384c;--color-accent-cyan-light: #0ad4fc;--color-accent-teal: #0bbbef;--color-accent-magenta: #ea384c;--color-accent-pink: #ea384c;--color-neutral-white: #ffffff;--color-neutral-light: #f8f9fa;--color-neutral-gray: #696969;--color-neutral-dark: #262626;--color-text-primary: #262626;--color-text-secondary: #595959;--color-text-muted: #696969;--color-text-inverse: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #f7f7f7;--color-bg-hover: #f0f2f5;--color-border: #e2e8f6;--color-border-light: #eee;--color-border-focus: #1b4098;--color-btn-primary: #33394f;--color-btn-primary-hover: #454c66;--color-btn-danger: #ea384c;--color-btn-danger-hover: #d42d3f;--color-btn-secondary: #e2e8f6;--color-btn-secondary-hover: #cdd6eb;--color-status-success: #28a745;--color-status-success-bg: #e8f5e9;--color-status-error: #ea384c;--color-status-error-bg: #ffebee;--color-status-warning: #ffc107;--color-status-warning-bg: #fff8e1;--color-status-info: #0bbbef;--color-status-info-bg: #e3f2fd;--color-link: #1b4098;--color-link-hover: #3860be;--font-family-base: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-family-mono: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .16);--shadow-focus: 0 0 0 3px rgba(51, 57, 79, .2);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--gradient-hero: linear-gradient(135deg, #252a3a 0%, #33394f 50%, #0bbbef 100%);--gradient-hero-dark: linear-gradient(135deg, #252a3a 0%, #454c66 100%);--gradient-accent: linear-gradient(90deg, #ea384c 0%, #ff6b7a 100%)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--color-text-primary)}code{font-family:var(--font-family-mono)}select{padding:.5rem 2rem .5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;color:var(--color-text-primary);background-color:var(--color-bg-primary);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23696969' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}select:focus{outline:none;border-color:var(--color-btn-primary);box-shadow:var(--shadow-focus)}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-base)}h5{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-base)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-base)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.layout-container{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.layout-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}body.is-capturing,body.is-capturing *{pointer-events:none!important;transition:none!important}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){table.responsive-table thead{display:none}table.responsive-table,table.responsive-table tbody,table.responsive-table tr,table.responsive-table td{display:block;width:100%}table.responsive-table tr{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);box-shadow:var(--shadow-sm)}table.responsive-table td{padding:var(--spacing-xs) 0;border:none;text-align:left;overflow-wrap:anywhere}table.responsive-table td[data-label]:before{content:attr(data-label);display:block;margin-bottom:2px;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}table.responsive-table td:empty{display:none}}.language-switcher{display:flex;align-items:center;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-sm);overflow:hidden}.language-switcher__btn{padding:.3rem .6rem;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;color:#fff9;background:none;border:none;cursor:pointer;transition:background-color .2s ease,color .2s ease}.language-switcher__btn:hover{background-color:#ffffff1a}.language-switcher__btn--active{color:var(--color-neutral-white);background-color:#fff3}.language-switcher__divider{width:1px;height:1.2rem;background-color:#ffffff4d}.home{display:flex;justify-content:center;min-height:calc(100vh - 4rem);background:radial-gradient(circle at 30% 15%,#1e1e42,#0c0c1c 70%)}.home-hero{display:flex;align-items:center;justify-content:center;gap:4rem;flex-wrap:wrap;max-width:1040px;padding:3.5rem 1.5rem}.home-hero-text{display:flex;flex-direction:column;max-width:440px;color:#f5f5f7}.home-kicker{letter-spacing:.3em;font-size:.8rem;font-weight:700;color:#e6c34a;margin:0 0 .75rem}.home-title{font-size:3.4rem;line-height:1.02;font-weight:800;margin:0 0 1rem;background:linear-gradient(90deg,#f2d16b,#e6a817);background-clip:text;-webkit-background-clip:text;color:transparent}.home-subtitle{font-size:1.2rem;color:#c9c9d6;margin:0 0 2rem}.home-cta{align-self:flex-start;padding:.85rem 1.9rem;border-radius:999px;background:linear-gradient(90deg,#f2d16b,#c99a2e);color:#1a1a1a;font-weight:700;text-decoration:none;box-shadow:0 8px 30px #e6a31759}.home-cta:hover{transform:translateY(-1px)}.home-hero-card{display:flex;flex-direction:column;align-items:center}.home-carousel{position:relative;width:300px;max-width:80vw;aspect-ratio:480 / 680}.home-card-img{position:absolute;inset:0;width:100%;height:100%;border-radius:16px;box-shadow:0 24px 70px #0000008c;opacity:0;transform:rotate(3deg) scale(.96);transition:opacity .6s ease,transform .6s ease}.home-card-img--active{opacity:1;transform:rotate(3deg) scale(1)}.home-dots{display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.home-dot{width:9px;height:9px;padding:0;border:none;border-radius:50%;background:#ffffff4d;cursor:pointer}.home-dot--active{background:#f2d16b}@media(max-width:720px){.home-title{font-size:2.4rem}.home-hero{gap:2rem}}.error-message{padding:1rem 2rem;border-radius:.5rem;text-align:center;font-size:var(--font-size-md);margin:0;flex-shrink:0;background-color:var(--color-status-error-bg);color:var(--color-btn-danger-hover);border:1px solid #ef5350}.card-page{display:flex;flex-direction:column;align-items:center;padding:2.5rem 1.5rem;max-width:640px;margin:0 auto;text-align:center}.card-page-title{font-size:2rem;margin-bottom:.25rem}.card-page-subtitle{color:#667;margin-bottom:1.75rem}.card-form{display:flex;gap:.5rem;width:100%;max-width:420px;margin-bottom:1rem}.card-form-input{flex:1;padding:.65rem .9rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}.card-form-submit{padding:.65rem 1.25rem;border:none;border-radius:6px;background-color:#1a73e8;color:#fff;font-weight:600;cursor:pointer}.card-form-submit:disabled{opacity:.5;cursor:not-allowed}.card-result{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1.5rem}.card-image{width:300px;max-width:100%;border-radius:12px;box-shadow:0 12px 40px #00000040}.card-actions{display:flex;gap:.75rem}.card-action{padding:.55rem 1.1rem;border:1px solid #1a73e8;border-radius:6px;background:#fff;color:#1a73e8;font-weight:600;text-decoration:none;cursor:pointer}.card-action:hover{background:#1a73e8;color:#fff}.example-page{padding:2rem;max-width:640px;margin:0 auto}.example-page-title{margin-bottom:1.5rem}.example-form{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.example-form-input{flex:1 1 200px;padding:.5rem .75rem;border:1px solid #ccc;border-radius:4px}.example-form-submit{padding:.5rem 1rem;border:none;border-radius:4px;background-color:#1a73e8;color:#fff;cursor:pointer}.example-form-submit:disabled{opacity:.5;cursor:not-allowed}.example-list{list-style:none;padding:0;margin:0}.example-list-item{display:flex;flex-direction:column;padding:.75rem;border:1px solid #eee;border-radius:4px;margin-bottom:.5rem}.example-list-item-name{font-weight:600}.example-list-item-description{color:#666;font-size:.875rem}.header{background-color:var(--color-primary-blue);box-shadow:var(--shadow-md);z-index:100}.header-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:100%}.header-brand{display:flex;align-items:center}.header-logo-container{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;cursor:pointer}.header-logo{height:36px;width:auto;filter:brightness(0) invert(1)}.header-title-wrapper{display:flex;flex-direction:column;line-height:1.1}.header-app-name{font-size:var(--font-size-xl);font-weight:800;color:var(--color-neutral-white);text-transform:uppercase;letter-spacing:.5px}.header-app-sub{font-size:var(--font-size-xs);font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:1.5px}.header-auth{display:flex;align-items:center;gap:1rem}.auth-menu-container{position:relative;display:flex;align-items:center}.auth-button{display:flex;align-items:center;justify-content:center;color:var(--color-neutral-white);padding:.3rem .6rem;background:none;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:background-color .2s ease,border-color .2s ease}.auth-button:hover{background-color:#ffffff1a}.auth-button:active{background-color:#ffffff26}.hamburger-icon{width:16px;height:16px;color:var(--color-neutral-white);flex-shrink:0}.logout-icon{width:18px;height:18px}.logout-menu{position:absolute;top:100%;right:-2rem;background-color:var(--color-primary-blue);border:none;box-shadow:var(--shadow-md);min-width:280px;z-index:101;overflow:hidden;animation:slideInRight .2s ease-out;margin-top:16px}.logout-menu-header{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.15)}.logout-menu-email{font-weight:500;font-size:var(--font-size-base);color:var(--color-neutral-white)}.logout-menu-roles{font-size:var(--font-size-sm);color:#ffffffbf;line-height:1.4;word-wrap:break-word}.logout-menu-roles-section{border-bottom:1px solid rgba(255,255,255,.15);padding:.5rem 0}.logout-menu-section-label{padding:.4rem 1rem;font-size:var(--font-size-xs);color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.logout-menu-role-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem 1rem;font-size:var(--font-size-base);color:#ffffffbf;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .15s ease}.logout-menu-role-btn:hover{background-color:#ffffff1a}.logout-menu-role-btn--active{color:var(--color-neutral-white);font-weight:600}.logout-menu-check{width:16px;height:16px}.logout-button{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem;font-size:var(--font-size-base);color:var(--color-neutral-white);background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease}.logout-button:hover{background-color:#ffffff1a}.logout-button:active{background-color:#ffffff26}.sidebar-toggle-button{display:none;align-items:center;justify-content:center;background:none;border:1px solid var(--color-neutral-white);border-radius:var(--radius-sm);color:var(--color-neutral-white);cursor:pointer;padding:.5rem;min-width:42px;min-height:42px;transition:background-color .2s ease}.sidebar-toggle-button:hover{background-color:#ffffff1a}.sidebar-toggle-button:active{background-color:#ffffff26}.sidebar-toggle-icon{width:20px;height:20px;stroke-linecap:round;stroke-linejoin:round}@media(max-width:768px){.sidebar-toggle-button{display:flex}.header-container{padding:.75rem;gap:.5rem}.header-app-name{font-size:var(--font-size-base)}.header-logo{height:28px}.header-logo-container{gap:var(--spacing-sm)}.header-auth{gap:.5rem}.logout-menu{margin-top:12px}.auth-button{gap:.5rem}.hamburger-icon{width:18px;height:18px}}.toast{position:fixed;bottom:20px;right:20px;max-width:400px;padding:16px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;z-index:2000;animation:slideInRight .3s ease;font-size:var(--font-size-base);line-height:1.5}.toast.exiting{animation:slideOutRight .3s ease forwards}.toast.toast-error{background-color:var(--color-status-error-bg);border-left:4px solid var(--color-status-error);color:var(--color-btn-danger-hover)}.toast.toast-success{background-color:var(--color-status-success-bg);border-left:4px solid var(--color-status-success);color:var(--color-status-success)}.toast.toast-info{background-color:var(--color-status-info-bg);border-left:4px solid var(--color-status-info);color:var(--color-status-info)}.toast-content{flex:1;min-width:0;display:flex;align-items:flex-start}.toast-message{font-weight:500;word-break:break-word;overflow-wrap:anywhere}.toast-close{background:none;border:none;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color .2s;flex-shrink:0;margin-top:-2px}.toast.toast-error .toast-close{color:var(--color-btn-danger-hover)}.toast.toast-success .toast-close{color:var(--color-status-success)}.toast.toast-info .toast-close{color:var(--color-status-info)}.toast-close:hover{background-color:#0000001a}@media(max-width:480px){.toast{bottom:10px;right:10px;left:10px;max-width:none}}.layout-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-primary)}.layout-wrapper{display:flex;flex:1;overflow:hidden}.layout-content{flex:1;overflow-y:auto;overflow-x:hidden;background-color:var(--color-bg-primary)}.layout-wrapper>nav{width:280px;flex-shrink:0}.layout-wrapper>nav~.layout-content{padding:24px}.layout-wrapper:not(:has(>nav)) .layout-content{padding:0}.sidebar-overlay{display:none}@media(max-width:768px){.layout-wrapper{flex-direction:column}.sidebar-overlay{display:block;position:fixed;inset:0;background-color:#0006;z-index:999}.layout-wrapper>nav~.layout-content{padding:16px}.layout-wrapper:not(:has(>nav)) .layout-content{padding:0}}@media(max-width:480px){.layout-wrapper>nav~.layout-content{padding:12px}.layout-wrapper:not(:has(>nav)) .layout-content{padding:0}}.app-error-fallback{max-width:480px;margin:15vh auto;padding:2rem;text-align:center}.app-error-fallback__title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin:0 0 .75rem}.app-error-fallback__text{color:var(--color-text-muted);margin:0 0 1.5rem}.app-error-fallback__button{padding:.6rem 1.5rem;border:none;border-radius:var(--radius-md);background:var(--color-btn-primary);color:#fff;font-size:var(--font-size-base);font-weight:500;cursor:pointer}.app-error-fallback__button:hover{background:var(--color-btn-primary-hover)}