.ui-horizontal-diagonal-pattern{background-image:repeating-linear-gradient(315deg, rgba(0, 0, 0, 0.05) 0, rgba(0, 0, 0, 0.05) 1px, transparent 0, transparent 50%);background-size:10px 10px}.ui-vertical-diagonal-pattern{background-image:repeating-linear-gradient(315deg, rgba(0, 0, 0, 0.05) 0, rgba(0, 0, 0, 0.05) 1px, transparent 0, transparent 50%);background-size:10px 10px;background-attachment:fixed}.modal__content::before{background-image:repeating-linear-gradient(315deg, rgba(139, 92, 246, 0.02) 0, rgba(139, 92, 246, 0.02) 1px, transparent 0, transparent 50%);background-size:15px 15px}.diagonal-pattern{background-image:repeating-linear-gradient(315deg, rgba(0, 0, 0, 0.05) 0, rgba(0, 0, 0, 0.05) 1px, transparent 0, transparent 50%);background-size:10px 10px}.diagonal-pattern--sm{background-image:repeating-linear-gradient(315deg, rgba(0, 0, 0, 0.05) 0, rgba(0, 0, 0, 0.05) 1px, transparent 0, transparent 50%);background-size:8px 8px}.diagonal-pattern--lg{background-image:repeating-linear-gradient(315deg, rgba(0, 0, 0, 0.05) 0, rgba(0, 0, 0, 0.05) 1px, transparent 0, transparent 50%);background-size:12px 12px}.diagonal-pattern--fixed{background-image:repeating-linear-gradient(315deg, rgba(0, 0, 0, 0.05) 0, rgba(0, 0, 0, 0.05) 1px, transparent 0, transparent 50%);background-size:10px 10px;background-attachment:fixed}.diagonal-pattern--purple{background-image:repeating-linear-gradient(315deg, rgba(139, 92, 246, 0.15) 0, rgba(139, 92, 246, 0.15) 1px, transparent 0, transparent 50%);background-size:10px 10px}.diagonal-pattern--purple-sm{background-image:repeating-linear-gradient(315deg, rgba(139, 92, 246, 0.15) 0, rgba(139, 92, 246, 0.15) 1px, transparent 0, transparent 50%);background-size:8px 8px}.grid-background{background-color:var(--surface-page);background-image:linear-gradient(rgb(var(--theme-primary-rgb)/3%) 1px, transparent 0),linear-gradient(90deg, rgb(var(--theme-primary-rgb)/3%) 1px, transparent 0);background-size:20px 20px;min-height:100vh;position:relative;width:100%}@media(width <= 480px){.grid-background{background-size:15px 15px}}.ui-content-spacing{align-items:center;background-color:#fff;border-left:1px solid #d1d5db;border-right:1px solid #d1d5db;box-sizing:border-box;display:flex;justify-content:center;margin:0;overflow:auto hidden;padding:0 2rem;width:100%}@media(width <= 768px){.ui-content-spacing{border-left:none;border-right:none;padding:0 1rem}}@media(width <= 480px){.ui-content-spacing{padding:0 .5rem}}.ui-horizontal-diagonal-pattern{background-position:-0.25rem 0;border:1px solid rgba(0,0,0,.05);border-left:0;border-right:0;display:block;height:80px;margin:0;width:100% !important}.ui-horizontal-diagonal-pattern--8{height:8px}.ui-horizontal-diagonal-pattern--10{height:10px}.ui-horizontal-diagonal-pattern--16{height:16px}.ui-horizontal-diagonal-pattern--20{height:20px}.ui-horizontal-diagonal-pattern--24{height:24px}.ui-horizontal-diagonal-pattern--32{height:32px}.ui-horizontal-diagonal-pattern--36{height:36px}.ui-horizontal-diagonal-pattern--40{height:40px}@media(width <= 768px){.ui-horizontal-diagonal-pattern{border-left:none;border-right:none}}.ui-horizontal-divider{background-color:#d1d5db;height:1px;position:relative;z-index:2}.ui-horizontal-divider::after{background-color:#d1d5db;box-sizing:border-box;content:"";height:1px;left:calc(-50vw + 50%);position:absolute;top:0;width:100vw}.ui-vertical-diagonal-pattern--right::after,.ui-vertical-diagonal-pattern--left::after{content:"";height:calc(100vh + 10rem);min-height:100vh;position:fixed;top:-9.5rem;width:1px;z-index:2}.ui-vertical-diagonal-pattern{height:100%;max-width:1rem;min-height:100vh;position:relative;width:80px}@media(min-width: 768px){.ui-vertical-diagonal-pattern{max-width:80px}}.ui-vertical-diagonal-pattern--left{border-right:1px solid rgba(0,0,0,.2);grid-area:left}.ui-vertical-diagonal-pattern--left::after{border-left:1px solid rgba(0,0,0,.2);margin-right:80px}.ui-vertical-diagonal-pattern--right{border-left:1px solid rgba(0,0,0,.2);grid-area:right}.ui-vertical-diagonal-pattern--right::after{border-right:1px solid rgba(0,0,0,.2);margin-left:80px}@media(width >= 1024px){.ui-vertical-diagonal-pattern{display:block}}.ui-vertical-divider{background-color:#d1d5db;bottom:0;position:fixed;top:0;width:1px;z-index:3}.ui-vertical-divider--left{left:calc(50% - 600px)}.ui-vertical-divider--right{right:calc(50% - 600px)}@media(width <= 1200px){.ui-vertical-divider{display:none}}.short-divider{height:.5rem;width:100%;background-image:repeating-linear-gradient(315deg, rgba(139, 92, 246, 0.15) 0, rgba(139, 92, 246, 0.15) 1px, transparent 0, transparent 50%);background-size:8px 8px}@media(width <= 768px){.short-divider{margin-top:1.5rem}}@media(width <= 480px){.short-divider{margin-top:1rem}}[data-theme=green] .ui-vertical-diagonal-pattern{background-image:repeating-linear-gradient(315deg, rgb(var(--theme-primary-rgb)/12%) 0, rgb(var(--theme-primary-rgb)/12%) 1px, transparent 0, transparent 50%)}[data-theme=green] .ui-vertical-diagonal-pattern--left{border-right-color:var(--surface-border)}[data-theme=green] .ui-vertical-diagonal-pattern--left::after{border-left-color:var(--surface-border)}[data-theme=green] .ui-vertical-diagonal-pattern--right{border-left-color:var(--surface-border)}[data-theme=green] .ui-vertical-diagonal-pattern--right::after{border-right-color:var(--surface-border)}[data-theme=green] .ui-horizontal-diagonal-pattern{background-image:repeating-linear-gradient(315deg, rgb(var(--theme-primary-rgb)/12%) 0, rgb(var(--theme-primary-rgb)/12%) 1px, transparent 0, transparent 50%);border-color:var(--surface-border)}[data-theme=green] .ui-horizontal-divider{background-color:var(--surface-border)}[data-theme=green] .ui-horizontal-divider::after{background-color:var(--surface-border)}[data-theme=green] .ui-vertical-divider{background-color:var(--surface-border)}[data-theme=green] .ui-content-spacing{background-color:rgba(0,0,0,0);border-color:var(--surface-border)}.modal__overlay{align-items:center;backdrop-filter:blur(8px);background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;max-height:100dvh;opacity:0;padding:1rem;pointer-events:none;position:fixed;transition:opacity 225ms ease;z-index:9999}.modal__overlay--open{opacity:1;pointer-events:auto}.modal__content{background:#fff;background-image:linear-gradient(rgb(var(--theme-primary-rgb)/3%) 1px, transparent 0),linear-gradient(90deg, rgb(var(--theme-primary-rgb)/3%) 1px, transparent 0);background-size:20px 20px;border:1px solid #d2d2d2;border-radius:6px;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;padding:1.5rem;position:relative;transform:translateY(1.5rem);transition:transform 225ms cubic-bezier(0.16, 1, 0.3, 1);width:auto;z-index:9999}@media(prefers-reduced-motion: reduce){.modal__content{transform:none;transition:none}}.modal__content::before{border-radius:6px;content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}.modal__overlay--open .modal__content{transform:translateY(0)}.modal__close-btn{background:var(--theme-primary);border:1px solid rgba(0,0,0,0);border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);color:var(--theme-on-primary);cursor:pointer;display:grid;font-size:1rem;font-weight:600;height:1.75rem;line-height:1;padding:0;place-items:center;position:absolute;right:-0.5rem;top:-0.5rem;transition:all .2s ease;width:1.75rem;z-index:10}.modal__close-btn:hover{background:var(--theme-primary-strong);box-shadow:0 6px 12px -2px rgb(var(--theme-primary-rgb)/25%),0 4px 6px -1px rgba(0,0,0,.1);transform:translateY(-1px)}.modal__close-btn:active{transform:scale(0.95)}.modal__body{display:flex;flex-direction:column;height:auto;max-height:80vh;overflow:hidden;width:auto}.modal__title{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.modal__content-inner{align-items:center;display:flex;flex:1;justify-content:center}.modal__actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem}.modal__btn{border:1px solid;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.modal__btn--primary{background:linear-gradient(135deg, var(--theme-primary), var(--theme-primary-dark));border-color:var(--theme-primary);color:#fff}.modal__btn--primary:hover{background:linear-gradient(135deg, var(--theme-primary-dark), #6d28d9);border-color:var(--theme-primary-dark);box-shadow:0 2px 4px rgb(var(--theme-primary-rgb)/25%);transform:translateY(-1px)}.modal__btn--secondary{background:#fff;border-color:#d1d5db;color:#6b7280}.modal__btn--secondary:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.modal__btn--danger{background:linear-gradient(135deg, #dc2626, #991b1b);border-color:#dc2626;color:#fff}.modal__btn--danger:hover{background:linear-gradient(135deg, #991b1b, #7f1d1d);border-color:#991b1b;box-shadow:0 2px 4px rgba(220,38,38,.25);transform:translateY(-1px)}.modal__lightbox-image{border-radius:4px;display:block;max-height:80vh;max-width:85vw;object-fit:contain;transform-origin:center center}.modal--lightbox .modal__content{background:rgba(0,0,0,0);background-image:none;border:none;box-shadow:none;padding:0;transform:none;transition:none}.modal--lightbox .modal__content::before{display:none}.modal--lightbox .modal__close-btn{right:-2rem;top:-2rem}.modal--lightbox .modal__body{max-height:none}[data-theme=green] .modal__overlay:not(.modal--lightbox) .modal__content{background:var(--surface-btn);background-image:none;border-color:var(--surface-border);box-shadow:0 10px 30px -5px rgba(0,0,0,.6);color:var(--text-light)}[data-theme=green] .modal__overlay:not(.modal--lightbox) .modal__content::before{display:none}[data-theme=green] .modal__title{color:var(--text-light)}[data-theme=green] .modal__actions{border-top-color:var(--surface-border)}[data-theme=green] .modal__btn--primary{background:var(--theme-primary);border-color:rgba(0,0,0,0);color:var(--theme-on-primary)}[data-theme=green] .modal__btn--primary:hover{background:var(--theme-primary-strong);border-color:rgba(0,0,0,0)}[data-theme=green] .modal__btn--secondary{background:var(--surface-btn);border-color:var(--surface-border);color:var(--text-light)}[data-theme=green] .modal__btn--secondary:hover{background:var(--surface-btn-hover);border-color:rgb(var(--theme-primary-rgb)/45%);color:var(--text-light)}