.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%;display:flex;flex-direction:column;box-sizing:border-box;padding:0;margin:0}.admin-main-content{flex:1;width:100%;overflow:hidden;padding:0;margin:0}body.admin-active .app-container{height:100vh;overflow:hidden}body.admin-active .main-content,body.admin-active .admin-main-content{flex:1;overflow:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-l)}.container-fluid{width:100%;padding:0 var(--spacing-l)}@media (max-width: 576px){.container,.container-fluid{padding:0 var(--spacing-m)}}@media (min-width: 577px) and (max-width: 768px){.container{max-width:540px}}@media (min-width: 769px) and (max-width: 992px){.container{max-width:720px}}@media (min-width: 993px) and (max-width: 1200px){.container{max-width:960px}}@media (min-width: 1201px){.container{max-width:1140px}}.row{display:flex;flex-wrap:wrap;margin:0 calc(-1 * var(--spacing-m))}.col{flex:1;padding:0 var(--spacing-m);min-width:0}.col-12{flex:0 0 100%;max-width:100%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-9{flex:0 0 75%;max-width:75%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-6{flex:0 0 50%;max-width:50%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-3{flex:0 0 25%;max-width:25%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-1{flex:0 0 8.333333%;max-width:8.333333%}@media (max-width: 768px){.col-sm-12{flex:0 0 100%;max-width:100%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-3{flex:0 0 25%;max-width:25%}}@media (max-width: 576px){.d-xs-none{display:none!important}.d-xs-block{display:block!important}.d-xs-flex{display:flex!important}}@media (min-width: 577px) and (max-width: 768px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}}@media (min-width: 769px) and (max-width: 992px){.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}}@media (min-width: 993px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}}.oc-app{min-height:100vh;display:flex;flex-direction:column;background:var(--oc-color-background)}.oc-main-content{flex:1;width:100%;min-width:0}.oc-route-loading{display:grid;min-height:12rem;place-items:center;padding:var(--oc-space-8) var(--oc-content-gutter);color:var(--oc-color-text-muted);font-size:.95rem}.oc-cookie-banner__close{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--oc-color-border);border-radius:var(--oc-radius-sm);background:transparent;color:var(--oc-color-text-muted);transition:background var(--oc-transition),color var(--oc-transition),border-color var(--oc-transition)}.oc-cookie-banner__close:hover,.oc-cookie-banner__close:focus-visible{border-color:var(--oc-color-primary);background:#2196f314;color:var(--oc-color-primary-strong)}.oc-cookie-dialog-backdrop{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:var(--oc-space-4);background:#0a1b3494}.oc-cookie-dialog{width:min(100%,36rem);max-height:min(44rem,calc(100vh - 2rem));overflow-y:auto;border:1px solid var(--oc-color-border);border-radius:var(--oc-radius-lg);background:var(--oc-color-surface);box-shadow:var(--oc-shadow-lg)}.oc-cookie-dialog h2{color:var(--oc-color-text);font-size:1.05rem;font-weight:750;line-height:1.3}.oc-cookie-dialog__description{max-width:72rem;color:var(--oc-color-text-muted);font-size:.88rem;line-height:1.55}.oc-cookie-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:var(--oc-space-4);padding:var(--oc-space-6);border-bottom:1px solid var(--oc-color-border)}.oc-cookie-dialog__content{display:grid;gap:var(--oc-space-4);padding:var(--oc-space-6)}.oc-cookie-option{display:flex;align-items:flex-start;gap:var(--oc-space-3);padding:var(--oc-space-4);border:1px solid var(--oc-color-border);border-radius:var(--oc-radius-md);background:var(--oc-color-surface-muted);cursor:pointer;transition:border-color var(--oc-transition),background var(--oc-transition)}.oc-cookie-option:hover:not(.is-disabled){border-color:var(--oc-color-primary-soft);background:#2196f30f}.oc-cookie-option.is-disabled{cursor:not-allowed;opacity:.75}.oc-cookie-option input{flex:0 0 auto;width:1.1rem;height:1.1rem;margin-top:.1rem;accent-color:var(--oc-color-primary)}.oc-cookie-option__copy{display:grid;gap:var(--oc-space-1)}.oc-cookie-option__copy strong{color:var(--oc-color-text);font-size:.92rem}.oc-cookie-option__copy small{color:var(--oc-color-text-muted);font-size:.8rem;line-height:1.45}.oc-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--oc-space-2);min-height:2.5rem;padding:.55rem .9rem;border:1px solid transparent;border-radius:var(--oc-radius-sm);font-size:.85rem;font-weight:700;line-height:1.2;transition:background var(--oc-transition),border-color var(--oc-transition),color var(--oc-transition),transform var(--oc-transition)}.oc-button:hover{transform:translateY(-1px)}.oc-button--primary{border-color:var(--oc-color-primary);background:var(--oc-color-primary);color:var(--oc-color-text-inverse)}.oc-button--primary:hover,.oc-button--primary:focus-visible{border-color:var(--oc-color-primary-strong);background:var(--oc-color-primary-strong)}.oc-button--secondary{border-color:var(--oc-color-border-strong);background:var(--oc-color-surface);color:var(--oc-color-text)}.oc-button--secondary:hover,.oc-button--secondary:focus-visible{border-color:var(--oc-color-primary);color:var(--oc-color-primary-strong)}.oc-button--text{background:transparent;color:var(--oc-color-primary-strong)}.oc-button--text:hover,.oc-button--text:focus-visible{background:#2196f314}.oc-cookie-dialog__actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:var(--oc-space-2);padding-top:var(--oc-space-2)}@media (max-width: 640px){.oc-cookie-dialog__actions{align-items:stretch;flex-direction:column}.oc-cookie-dialog__actions .oc-button{width:100%}.oc-cookie-dialog__header,.oc-cookie-dialog__content{padding:var(--oc-space-4)}}footer{background-color:#3498db;color:#fff;text-align:center;height:10vh;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 1rem;font-size:.9rem}body.admin-active footer{width:100%;box-sizing:border-box}.oc-footer{min-height:5rem;height:auto;padding:var(--oc-space-6) var(--oc-content-gutter);background:var(--oc-color-primary);color:var(--oc-color-text-inverse);font-family:var(--oc-font-family);text-align:center}.oc-footer__inner{width:min(100%,var(--oc-content-max-width));margin:0 auto}.oc-footer p{color:#ffffffd1;font-size:.85rem;line-height:1.5}.oc-footer__links{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1rem;margin-top:.75rem}.oc-footer__links a,.oc-footer__cookie-button{padding:0;color:var(--oc-color-text-inverse);background:transparent;border:0;font:inherit;font-family:var(--oc-font-family);font-size:.9rem;font-weight:650;line-height:1.2;text-decoration:underline;text-underline-offset:.15em;cursor:pointer}.oc-footer__links a:hover,.oc-footer__links a:focus-visible,.oc-footer__cookie-button:hover,.oc-footer__cookie-button:focus-visible{color:#fff;opacity:.8}.language-selector{position:relative;display:inline-block}.language-selector select{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 32px 8px 12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;outline:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;min-width:120px}.language-selector select:hover{background:linear-gradient(135deg,#7c93f0,#8b5bb8);border-color:#fff6;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.language-selector select:focus{border-color:#fff;box-shadow:0 0 0 3px #ffffff4d}.language-selector select option{background:#fff;color:#333;padding:8px}.navbar-lang-selector .language-selector select,.navbar-user-section .language-selector select,.navbar-actions .language-selector select{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);font-size:13px;padding:6px 28px 6px 10px;min-width:100px;margin-left:1rem;height:36px;font-family:var(--font-family-sans-serif);font-weight:var(--font-weight-medium);line-height:1.4}.navbar-lang-selector .language-selector select:hover,.navbar-user-section .language-selector select:hover,.navbar-actions .language-selector select:hover{background:#fff3;border-color:#ffffff80}.app-language-selector{position:fixed;top:15px;right:15px;z-index:1000}.app-language-selector .language-selector select{background:#fffffff2;color:#333;border:1px solid #ddd;backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.app-language-selector .language-selector select:hover{background:#fff;border-color:#667eea;box-shadow:0 4px 12px #00000026}.language-selector.with-icon:before{content:"🌐";position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:16px;pointer-events:none;z-index:1}.language-selector.with-icon select{padding-left:32px}.language-selector select{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.app-language-selector{top:10px;right:10px}.app-language-selector .language-selector select{font-size:12px;padding:5px 24px 5px 8px;min-width:90px}.navbar-lang-selector .language-selector select{font-size:12px;padding:4px 22px 4px 6px;min-width:80px}}.oc-language-selector{position:relative;display:inline-flex;align-items:center;min-width:0}.oc-language-selector select{width:100%;min-width:8.5rem;min-height:2.5rem;padding:.55rem 2rem .55rem .8rem;border:1px solid var(--oc-color-border-strong);border-radius:var(--oc-radius-sm);appearance:none;background-color:var(--oc-color-surface);background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 1rem) 1.05rem,calc(100% - .7rem) 1.05rem;background-repeat:no-repeat;background-size:.3rem .3rem,.3rem .3rem;color:var(--oc-color-text);font-size:.85rem;font-weight:650;line-height:1.2;cursor:pointer;transition:border-color var(--oc-transition),box-shadow var(--oc-transition),opacity var(--oc-transition)}.oc-language-selector select:hover{border-color:var(--oc-color-primary-soft)}.oc-language-selector select:focus-visible{border-color:var(--oc-color-primary);box-shadow:var(--oc-focus-ring);outline:none}.oc-language-selector select.is-changing{opacity:.65;cursor:wait}.oc-language-selector__icon{position:absolute;left:.7rem;z-index:1;pointer-events:none;color:var(--oc-color-primary)}.oc-language-selector--with-icon select{padding-left:2.25rem}.oc-language-selector--navbar select{min-width:7.4rem;min-height:2.35rem;border-color:#ffffff59;background-color:#ffffff1a;color:var(--oc-color-text-inverse);background-image:linear-gradient(45deg,transparent 50%,#FFFFFF 50%),linear-gradient(135deg,#FFFFFF 50%,transparent 50%)}.oc-language-selector--navbar select:hover,.oc-language-selector--navbar select:focus-visible{border-color:#ffffffbf;background-color:#ffffff29;color:var(--oc-color-text-inverse)}.oc-language-selector--app{position:fixed;top:1rem;right:1rem;z-index:1000;padding:.25rem;border-radius:var(--oc-radius-md);background:#ffffffe0;box-shadow:var(--oc-shadow-sm);backdrop-filter:blur(12px)}@media (max-width: 768px){.oc-language-selector--navbar,.oc-language-selector--navbar select{width:100%}.oc-language-selector--app{top:.75rem;right:.75rem}}.notification-badge{position:relative;display:inline-flex;align-items:center;justify-content:center}.notification-trigger{position:relative;padding:8px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;font:inherit;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.notification-trigger:hover{background-color:#ffffff1a;transform:scale(1.05)}.notification-icon{transition:transform .2s ease-in-out}.notification-trigger:hover .notification-icon{transform:scale(1.1)}.notification-trigger:focus-visible{outline:3px solid #ffffff;outline-offset:2px}.notification-count{position:absolute;top:2px;right:2px;background:linear-gradient(135deg,#ff4757,#ff3742);color:#fff;border-radius:50%;min-width:20px;height:20px;font-size:.75rem;display:flex;align-items:center;justify-content:center;padding:0 4px;font-weight:700;box-shadow:0 2px 6px #ff475766;border:2px solid #3498db;animation:pulse-notification 2s infinite}@keyframes pulse-notification{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-menu{position:absolute;top:45px;right:0;width:380px;max-height:500px;overflow:hidden;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026,0 4px 6px #0000001a;z-index:1000;border:1px solid rgba(0,0,0,.08);animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.notification-header h3{margin:0;font-size:1.125rem;font-weight:600}.notification-header button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:6px 12px;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .2s ease;font-weight:500}.notification-header button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.notification-list{padding:0;margin:0;list-style:none;max-height:350px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f1f1}.notification-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.notification-item{display:flex;padding:16px 20px;border-bottom:1px solid #f1f3f4;transition:all .2s ease;position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#f8f9fa;transform:translate(2px)}.notification-item.unread{background:linear-gradient(90deg,#f0f7ff,#fff);border-left:4px solid #1976d2}.notification-item.unread:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#1976d2;border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.6}}.notification-icon{font-size:1.5rem;margin-right:12px;display:flex;align-items:flex-start;padding-top:2px}.notification-content{flex:1;margin:0 12px 0 0}.notification-title{margin:0 0 6px;font-weight:600;font-size:.95rem;color:#1a202c;line-height:1.4}.notification-message{margin:0 0 8px;font-size:.875rem;color:#4a5568;line-height:1.5}.notification-date{display:block;font-size:.75rem;color:#718096;font-weight:500}.notification-actions{display:flex;flex-direction:column;gap:4px}.notification-actions button{background:#0000000d;border:none;cursor:pointer;color:#4a5568;font-size:.875rem;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:600}.notification-actions button:hover{background:#0000001a;transform:scale(1.1)}.btn-mark-read:hover{background:#22c55e1a;color:#16a34a}.btn-delete:hover{background:#ef44441a;color:#dc2626}.notification-footer{padding:16px 20px;text-align:center;border-top:1px solid #e2e8f0;background:#f8f9fa}.notification-footer button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px #667eea4d}.notification-footer button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #667eea66}.empty-notifications{padding:40px 20px;text-align:center;color:#718096;font-size:.9rem;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-notifications:before{content:"🔔";font-size:3rem;opacity:.3}@media (max-width: 768px){.notification-menu{width:calc(100vw - 40px);max-width:350px;right:-20px;max-height:70vh}.notification-item,.notification-header,.notification-footer{padding:14px 16px}.notification-title{font-size:.9rem}.notification-message{font-size:.8rem}.notification-icon{font-size:1.3rem;margin-right:10px}}@media (max-width: 576px){.notification-menu{width:calc(100vw - 20px);right:-10px;left:10px;max-height:60vh}.notification-item,.notification-header,.notification-footer{padding:12px 14px}.notification-header h3{font-size:1rem}.notification-title{font-size:.85rem}.notification-message{font-size:.75rem}.notification-date{font-size:.7rem}.notification-actions button{width:24px;height:24px;font-size:.8rem}}.navbar{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-navbar-background);height:10vh;padding:0 var(--spacing-xl);box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:1000}.navbar.admin-navbar{position:fixed;top:0;left:0;right:0;margin-left:0}.navbar-brand{display:flex;align-items:center;flex-shrink:0;height:100%}.navbar-logo-link{display:flex;align-items:center;text-decoration:none;height:100%;padding:6px 0}.navbar-logo{height:45px;width:auto;object-fit:contain;display:block;margin-right:12px;flex-shrink:0}.navbar-brand-text{color:var(--color-navbar-text);font-size:var(--font-size-h6);font-weight:var(--font-weight-bold);font-family:var(--font-family-sans-serif);text-decoration:none;line-height:1.2;margin:0;flex-shrink:0;white-space:nowrap}.navbar-toggle{display:none;flex-direction:column;justify-content:center;width:30px;height:30px;background:transparent;border:none;cursor:pointer;z-index:1001}.navbar-toggle span{display:block;width:25px;height:3px;background-color:var(--color-navbar-text);margin:3px 0;transition:all .3s ease;border-radius:3px}.navbar-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar-toggle.active span:nth-child(2){opacity:0}.navbar-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.navbar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:999;display:none}.navbar-menu{display:flex;align-items:center;gap:var(--spacing-xl);flex:1;justify-content:space-between;margin-left:var(--spacing-xl)}.navbar-nav,.navbar-actions,.navbar-user-section{display:flex;align-items:center;gap:var(--spacing-l)}.navbar-link{color:var(--color-navbar-text);text-decoration:none;padding:var(--spacing-s) var(--spacing-m);border-radius:var(--border-radius-default);transition:all .2s ease;font-family:var(--font-family-sans-serif);font-size:var(--font-size-subtitle1);font-weight:var(--font-weight-medium);white-space:nowrap;line-height:1.5}.navbar-link:hover{background-color:#ffffff1a;color:var(--color-navbar-text)}.navbar-btn{padding:var(--spacing-s) var(--spacing-l);border-radius:var(--border-radius-default);text-decoration:none;font-family:var(--font-family-sans-serif);font-size:var(--font-size-subtitle2);font-weight:var(--font-weight-medium);border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;line-height:1.5}.navbar-btn.primary{background-color:var(--color-primary);color:#fff}.navbar-btn.primary:hover{background-color:var(--color-primary-dark)}.navbar-btn.logout{background-color:transparent;color:var(--color-navbar-text);border:1px solid rgba(255,255,255,.3)}.navbar-btn.logout:hover{background-color:#ffffff1a;border-color:#ffffff80}.navbar-user-section .language-selector,.navbar-actions .language-selector{margin-left:var(--spacing-m)}.navbar-user-section .language-selector select,.navbar-actions .language-selector select{font-family:var(--font-family-sans-serif);font-size:var(--font-size-subtitle2);font-weight:var(--font-weight-medium);line-height:1.5;height:38px;vertical-align:middle}@media (max-width: 768px){.navbar{padding:0 var(--spacing-l);height:60px}.navbar-logo{height:40px}.navbar-toggle{display:flex}.navbar-overlay{display:block}.navbar-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background-color:var(--color-navbar-background);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:80px var(--spacing-l) var(--spacing-l);box-shadow:-2px 0 10px #0000001a;transition:right .3s ease;z-index:1000;gap:0;margin-left:0}.navbar-menu.active{right:0}.navbar-nav{flex-direction:column;align-items:stretch;width:100%;gap:0;margin-bottom:var(--spacing-xl)}.navbar-actions,.navbar-user-section{flex-direction:column;align-items:stretch;width:100%;gap:0}.navbar-link{padding:var(--spacing-l);border-radius:0;border-bottom:1px solid rgba(255,255,255,.1);text-align:left;width:100%}.navbar-btn{padding:var(--spacing-l);border-radius:0;border-bottom:1px solid rgba(255,255,255,.1);text-align:left;width:100%;background:transparent;color:var(--color-navbar-text);border-left:none;border-right:none;border-top:none}.navbar-btn.primary{background-color:var(--color-primary);color:#fff;margin-top:var(--spacing-l);border-radius:var(--border-radius-default);border:none;text-align:center}.navbar-logo{height:32px}.navbar-brand-text{font-size:var(--font-size-h6);font-family:var(--font-family-sans-serif)}}@media (max-width: 480px){.navbar{padding:0 var(--spacing-m)}.navbar-menu{width:100%;right:-100%}.navbar-logo{height:35px}.navbar-brand-text{font-size:var(--font-size-subtitle1);font-family:var(--font-family-sans-serif)}}@media (max-width: 768px){.navbar-link,.navbar-btn{opacity:0;transform:translate(20px);animation:slideInFromRight .3s ease forwards}.navbar-menu.active .navbar-link:nth-child(1),.navbar-menu.active .navbar-btn:nth-child(1){animation-delay:.1s}.navbar-menu.active .navbar-link:nth-child(2),.navbar-menu.active .navbar-btn:nth-child(2){animation-delay:.15s}.navbar-menu.active .navbar-link:nth-child(3),.navbar-menu.active .navbar-btn:nth-child(3){animation-delay:.2s}.navbar-menu.active .navbar-link:nth-child(4),.navbar-menu.active .navbar-btn:nth-child(4){animation-delay:.25s}}@keyframes slideInFromRight{to{opacity:1;transform:translate(0)}}.oc-navbar-shell{position:sticky;top:0;z-index:1000;background:var(--oc-color-primary);box-shadow:var(--oc-shadow-sm)}.oc-navbar{position:relative;display:flex;align-items:center;gap:var(--oc-space-8);width:min(100%,var(--oc-content-max-width));min-height:var(--oc-navbar-height);margin:0 auto;padding:0 var(--oc-content-gutter)}.oc-navbar-brand,.oc-navbar-logo-link{display:flex;align-items:center}.oc-navbar-brand{flex-shrink:0}.oc-navbar-logo-link{gap:var(--oc-space-3);color:var(--oc-color-text-inverse);text-decoration:none}.oc-navbar-logo{display:block;width:auto;height:2.75rem;object-fit:contain}.oc-navbar-brand-text{color:var(--oc-color-text-inverse);font-size:1.2rem;font-weight:750;letter-spacing:-.02em}.oc-navbar-menu{display:flex;align-items:center;justify-content:space-between;gap:var(--oc-space-8);min-width:0;flex:1}.oc-navbar-nav,.oc-navbar-actions,.oc-navbar-user-section{display:flex;align-items:center;gap:var(--oc-space-2)}.oc-navbar-nav{min-width:0}.oc-navbar-link,.oc-navbar-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.55rem .8rem;border:1px solid transparent;border-radius:var(--oc-radius-sm);color:var(--oc-color-text-inverse);font-size:.9rem;font-weight:650;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background var(--oc-transition),border-color var(--oc-transition),color var(--oc-transition),transform var(--oc-transition)}.oc-navbar-link:hover,.oc-navbar-link:focus-visible{background:#ffffff21;color:var(--oc-color-text-inverse)}.oc-navbar-button{cursor:pointer}.oc-navbar-button--primary{background:var(--oc-color-secondary);border-color:var(--oc-color-secondary);color:#000;box-shadow:0 4px 12px #0000001f}.oc-navbar-button--primary:hover,.oc-navbar-button--primary:focus-visible{background:var(--oc-color-secondary-strong);border-color:var(--oc-color-secondary-strong);color:#000;transform:translateY(-1px)}.oc-navbar-button--ghost{background:transparent;border-color:#ffffff59;color:var(--oc-color-text-inverse)}.oc-navbar-button--ghost:hover,.oc-navbar-button--ghost:focus-visible{background:#ffffff21;border-color:#ffffffa6}.oc-navbar-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:.28rem;width:2.75rem;height:2.75rem;margin-left:auto;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:var(--oc-radius-sm);background:transparent;color:var(--oc-color-text-inverse)}.oc-navbar-toggle span{display:block;width:1.25rem;height:2px;border-radius:var(--oc-radius-pill);background:currentColor;transition:transform var(--oc-transition),opacity var(--oc-transition)}.oc-navbar-toggle.is-open{position:relative;z-index:1003}.oc-navbar-toggle.is-open span:nth-child(1){transform:translateY(.4rem) rotate(45deg)}.oc-navbar-toggle.is-open span:nth-child(2){opacity:0}.oc-navbar-toggle.is-open span:nth-child(3){transform:translateY(-.4rem) rotate(-45deg)}.oc-navbar-overlay{position:fixed;inset:0;z-index:1001;border:0;background:#0a1b348c}@media (max-width: 900px){.oc-navbar{gap:var(--oc-space-4)}.oc-navbar-nav,.oc-navbar-actions,.oc-navbar-user-section{gap:0}.oc-navbar-link,.oc-navbar-button{padding-inline:.55rem;font-size:.82rem}}@media (max-width: 768px){.oc-navbar{min-height:4rem}.oc-navbar-logo{height:2.35rem}.oc-navbar-toggle{display:flex}.oc-navbar-menu{position:fixed;top:0;right:0;z-index:1002;display:flex;align-items:stretch;flex-direction:column;justify-content:flex-start;gap:var(--oc-space-6);width:min(22rem,88vw);height:100dvh;padding:6rem var(--oc-space-6) var(--oc-space-6);overflow-y:auto;background:var(--oc-color-primary-strong);box-shadow:var(--oc-shadow-lg);transform:translate(100%);transition:transform .22s ease;pointer-events:none}.oc-navbar-menu.is-open{transform:translate(0);pointer-events:auto}.oc-navbar-nav,.oc-navbar-actions,.oc-navbar-user-section{align-items:stretch;flex-direction:column;width:100%}.oc-navbar-nav{padding-bottom:var(--oc-space-4);border-bottom:1px solid rgba(255,255,255,.15)}.oc-navbar-link,.oc-navbar-button{justify-content:flex-start;width:100%;min-height:3rem;padding:.8rem .9rem;border-radius:var(--oc-radius-sm);text-align:left;font-size:.95rem}.oc-navbar-button--primary{justify-content:center;margin-top:var(--oc-space-2)}.oc-navbar-user-section{gap:var(--oc-space-2)}.oc-navbar-user-section .oc-language-selector--navbar,.oc-navbar-actions .oc-language-selector--navbar{margin-top:var(--oc-space-2)}}@media (max-width: 420px){.oc-navbar{padding-inline:1rem}.oc-navbar-brand-text{font-size:1.05rem}}.oc-listing-card{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--oc-color-border);border-radius:var(--oc-radius-lg);background:var(--oc-color-surface);box-shadow:var(--oc-shadow-sm);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.oc-listing-card:hover,.oc-listing-card:focus-within{border-color:#1976d266;box-shadow:var(--oc-shadow-md);transform:translateY(-4px)}.oc-listing-card:focus-visible{border-color:var(--oc-color-primary);box-shadow:var(--oc-focus-ring),var(--oc-shadow-md);outline:none}.oc-listing-card__badge-wrap{position:absolute;top:var(--oc-space-3);left:var(--oc-space-3);z-index:3;display:flex;flex-wrap:wrap;gap:var(--oc-space-2)}.oc-listing-card__badge,.oc-listing-card__tag{display:inline-flex;align-items:center;gap:.3rem;width:fit-content;border:1px solid transparent;border-radius:var(--oc-radius-pill);font-size:.72rem;font-weight:750;line-height:1.2}.oc-listing-card__badge{padding:.4rem .65rem;box-shadow:var(--oc-shadow-sm)}.oc-listing-card__badge--featured,.oc-listing-card__badge--warning{background:var(--oc-color-secondary);color:#000}.oc-listing-card__badge--primary{background:var(--oc-color-primary);color:var(--oc-color-text-inverse)}.oc-listing-card__media,.oc-listing-card__placeholder{position:relative;overflow:hidden;flex:0 0 auto}.oc-listing-card__media{aspect-ratio:16 / 10;background:var(--oc-color-surface-muted)}.oc-listing-card__placeholder{display:grid;min-height:10rem;place-items:center;background:linear-gradient(135deg,var(--oc-color-primary) 0%,var(--oc-color-primary-soft) 100%);color:var(--oc-color-text-inverse);opacity:.9}.oc-listing-card__image-link{display:block;height:100%}.oc-lazy-image{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease,transform .3s ease}.oc-lazy-image.is-loaded{opacity:1}.oc-listing-card:hover .oc-listing-card__image{transform:scale(1.04)}.oc-listing-card__price{position:absolute;right:var(--oc-space-3);bottom:var(--oc-space-3);display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .7rem;border-radius:var(--oc-radius-sm);background:#1976d2f0;color:var(--oc-color-text-inverse);box-shadow:var(--oc-shadow-sm);backdrop-filter:blur(10px)}.oc-listing-card__price strong{font-size:.95rem}.oc-listing-card__favorite{position:absolute;top:var(--oc-space-3);right:var(--oc-space-3);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid rgba(0,0,0,.08);border-radius:50%;background:#ffffffeb;color:#dc2626;box-shadow:var(--oc-shadow-sm);backdrop-filter:blur(8px);transition:transform var(--oc-transition),background var(--oc-transition)}.oc-listing-card__favorite:hover:not(:disabled){background:var(--oc-color-surface);transform:scale(1.08)}.oc-listing-card__favorite.is-favorite{background:#dc2626;color:var(--oc-color-text-inverse)}.oc-listing-card__favorite:disabled{cursor:wait;opacity:.6}.oc-listing-card__content{display:flex;flex:1;flex-direction:column;gap:var(--oc-space-3);padding:var(--oc-space-5)}.oc-listing-card__title{display:-webkit-box;overflow:hidden;color:var(--oc-color-text);font-size:1.08rem;font-weight:750;line-height:1.3;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}.oc-listing-card__title:hover{color:var(--oc-color-primary)}.oc-listing-card__description,.oc-listing-card__trade-lines p{display:-webkit-box;overflow:hidden;color:var(--oc-color-text-muted);font-size:.88rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.oc-listing-card__trade-lines{display:grid;gap:var(--oc-space-1)}.oc-listing-card__meta{display:flex;align-items:center;gap:var(--oc-space-2);min-width:0;color:var(--oc-color-text-muted);font-size:.78rem}.oc-listing-card__meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-listing-card__tags{display:flex;flex-wrap:wrap;gap:var(--oc-space-2);margin-top:auto}.oc-listing-card__tag{padding:.32rem .6rem;border-color:var(--oc-color-border-strong);color:var(--oc-color-text-muted)}.oc-listing-card__tag--open{border-color:#4caf5066;background:#4caf501a;color:#287a2d}.oc-listing-card__tag--quoted{border-color:#2196f366;background:#2196f31a;color:var(--oc-color-primary-strong)}.oc-listing-card__tag--closed{background:var(--oc-color-surface-muted)}.oc-listing-card__footer{padding:0 var(--oc-space-5) var(--oc-space-5)}.oc-listing-card__footer-button{display:flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.55rem .9rem;border-radius:var(--oc-radius-sm);background:var(--oc-color-primary);color:var(--oc-color-text-inverse);font-size:.85rem;font-weight:700;text-decoration:none;transition:background var(--oc-transition),transform var(--oc-transition)}.oc-listing-card__footer-button:hover{background:var(--oc-color-primary-strong);transform:translateY(-1px)}@media (max-width: 640px){.oc-listing-card__content{padding:var(--oc-space-4)}.oc-listing-card__footer{padding-inline:var(--oc-space-4);padding-bottom:var(--oc-space-4)}}@media (prefers-reduced-motion: reduce){.oc-listing-card,.oc-listing-card__image,.oc-listing-card__favorite,.oc-listing-card__footer-button{transition:none}}.oc-location-control{display:grid;width:100%;min-width:0;gap:var(--oc-space-2)}.oc-location-control__button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:3.25rem;padding:.7rem .9rem;border:1px solid var(--oc-color-border-strong);border-radius:var(--oc-radius-sm);background:var(--oc-color-surface);color:var(--oc-color-text);font:inherit;font-size:.9rem;font-weight:700;gap:.4rem;transition:border-color var(--oc-transition),background var(--oc-transition),box-shadow var(--oc-transition),color var(--oc-transition),transform var(--oc-transition)}.oc-location-control__button:hover:not(:disabled){border-color:var(--oc-color-primary);background:var(--oc-color-surface-muted);color:var(--oc-color-primary-strong);transform:translateY(-1px)}.oc-location-control__button:focus-visible{border-color:var(--oc-color-primary);box-shadow:var(--oc-focus-ring);outline:0}.oc-location-control__button:disabled{cursor:wait;opacity:.55}.oc-location-control__button>svg{flex:0 0 auto;color:var(--oc-color-primary)}.oc-location-control--active .oc-location-control__button{border-color:var(--oc-color-primary);background:#2196f314;color:var(--oc-color-primary-strong)}.oc-location-control__error{color:var(--oc-color-danger);font-size:.8rem;line-height:1.4}.oc-trade-page{width:min(100%,var(--oc-content-max-width));margin:0 auto;padding:clamp(2.5rem,5vw,4.5rem) var(--oc-content-gutter) 5rem}.oc-trade-header{margin-bottom:var(--oc-space-8);text-align:center}.oc-trade-eyebrow{margin-bottom:var(--oc-space-3);color:var(--oc-color-primary);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.oc-trade-header h1{margin-bottom:var(--oc-space-3);color:var(--oc-color-primary-strong);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.05em;line-height:1.05}.oc-trade-header>p:last-child{color:var(--oc-color-text-muted)}.oc-trade-filter-panel{margin-bottom:var(--oc-space-8);padding:clamp(1.25rem,3vw,2rem);border:1px solid rgba(25,118,210,.16);border-radius:var(--oc-radius-lg);background:linear-gradient(135deg,var(--oc-color-surface-muted) 0%,var(--oc-color-surface) 100%);box-shadow:var(--oc-shadow-sm)}.oc-trade-filter-panel__heading{display:flex;align-items:center;gap:var(--oc-space-2);margin-bottom:var(--oc-space-5);color:var(--oc-color-primary-strong)}.oc-trade-filter-panel__heading h2{font-size:1.05rem;font-weight:750}.oc-trade-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--oc-space-5)}.oc-trade-field{display:grid;gap:var(--oc-space-2);min-width:0}.oc-trade-field>span{color:var(--oc-color-text);font-size:.8rem;font-weight:750}.oc-trade-field__control{display:flex;align-items:center;min-height:3.25rem;border:1px solid var(--oc-color-border-strong);border-radius:var(--oc-radius-sm);background:var(--oc-color-surface);color:var(--oc-color-primary);transition:border-color var(--oc-transition),box-shadow var(--oc-transition)}.oc-trade-field__control:focus-within{border-color:var(--oc-color-primary);box-shadow:var(--oc-focus-ring)}.oc-trade-field__control>svg{flex:0 0 auto;margin-left:.9rem}.oc-trade-field__control input,.oc-trade-field__control select{width:100%;min-width:0;min-height:3.15rem;padding:.7rem .9rem;border:0;outline:0;background:transparent;color:var(--oc-color-text);font-size:.9rem}.oc-trade-field__control select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 1.15rem) 1.35rem,calc(100% - .85rem) 1.35rem;background-repeat:no-repeat;background-size:.3rem .3rem,.3rem .3rem}.oc-trade-geo-options{display:flex;align-items:center;gap:var(--oc-space-2)}.oc-trade-geo-options input{width:5rem;min-height:2.5rem;padding:.45rem .55rem;border:1px solid var(--oc-color-border-strong);border-radius:var(--oc-radius-sm);background:var(--oc-color-surface);color:var(--oc-color-text)}.oc-trade-geo-options input:focus-visible{border-color:var(--oc-color-primary);box-shadow:var(--oc-focus-ring);outline:0}.oc-trade-geo-clear{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.45rem .7rem;border:1px solid var(--oc-color-border-strong);border-radius:var(--oc-radius-sm);background:var(--oc-color-surface);color:var(--oc-color-text);font-size:.8rem;font-weight:700;transition:border-color var(--oc-transition),background var(--oc-transition),color var(--oc-transition)}.oc-trade-geo-clear:hover{border-color:var(--oc-color-primary);background:var(--oc-color-surface-muted);color:var(--oc-color-primary-strong)}.oc-trade-alert{margin:var(--oc-space-4) 0;padding:.75rem .9rem;border:1px solid transparent;border-radius:var(--oc-radius-sm);font-size:.85rem}.oc-trade-alert--warning{border-color:#ff8f0059;background:#ffc1071f;color:#805d00}.oc-trade-alert--error{border-color:#b0002040;background:#b0002014;color:var(--oc-color-danger)}.oc-trade-loading,.oc-trade-empty{display:flex;align-items:center;justify-content:center;gap:var(--oc-space-3);min-height:8rem;color:var(--oc-color-text-muted);text-align:center}.oc-trade-empty{margin-bottom:var(--oc-space-6);padding:var(--oc-space-6);border:1px dashed var(--oc-color-border-strong);border-radius:var(--oc-radius-lg);background:var(--oc-color-surface-muted)}.oc-trade-spinner{width:1.1rem;height:1.1rem;border:2px solid rgba(25,118,210,.2);border-top-color:var(--oc-color-primary);border-radius:50%;animation:oc-trade-spin .7s linear infinite}.oc-trade-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--oc-space-5)}.oc-trade-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--oc-space-4);margin-top:var(--oc-space-10);color:var(--oc-color-text-muted)}.oc-trade-pagination button{min-height:2.5rem;padding:.55rem .9rem;border:1px solid var(--oc-color-border-strong);border-radius:var(--oc-radius-sm);background:var(--oc-color-surface);color:var(--oc-color-text);font-size:.85rem;font-weight:700}.oc-trade-pagination button:hover:not(:disabled){border-color:var(--oc-color-primary);color:var(--oc-color-primary-strong)}.oc-trade-pagination button:disabled{cursor:not-allowed;opacity:.45}@keyframes oc-trade-spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.oc-trade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 800px){.oc-trade-filter-grid{grid-template-columns:1fr}.oc-trade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.oc-trade-grid{grid-template-columns:1fr}}:root{--oc-color-primary: #1976d2;--oc-color-primary-strong: #0D47A1;--oc-color-primary-soft: #2196f3;--oc-color-secondary: #ffc107;--oc-color-secondary-strong: #FF8F00;--oc-color-background: #FFFFFF;--oc-color-surface: #FFFFFF;--oc-color-surface-muted: #f7f9fc;--oc-color-text: #212121;--oc-color-text-muted: rgba(0, 0, 0, .6);--oc-color-text-inverse: #FFFFFF;--oc-color-border: rgba(0, 0, 0, .12);--oc-color-border-strong: rgba(0, 0, 0, .2);--oc-color-success: #4CAF50;--oc-color-warning: #FF9800;--oc-color-danger: #B00020;--oc-font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--oc-font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--oc-space-1: .25rem;--oc-space-2: .5rem;--oc-space-3: .75rem;--oc-space-4: 1rem;--oc-space-5: 1.25rem;--oc-space-6: 1.5rem;--oc-space-8: 2rem;--oc-space-10: 2.5rem;--oc-space-12: 3rem;--oc-radius-sm: .5rem;--oc-radius-md: .75rem;--oc-radius-lg: 1rem;--oc-radius-pill: 999px;--oc-shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--oc-shadow-md: 0 12px 30px rgba(15, 35, 65, .12);--oc-shadow-lg: 0 20px 50px rgba(15, 35, 65, .18);--oc-content-max-width: 1280px;--oc-content-gutter: clamp(1rem, 3vw, 2.5rem);--oc-navbar-height: 4.5rem;--oc-focus-ring: 0 0 0 3px rgba(33, 150, 243, .35);--oc-transition: .18s ease}:root{--color-primary: #1976d2;--color-primary-variant: #0D47A1;--color-on-primary: #FFFFFF;--color-secondary: #ffc107;--color-secondary-variant: #FF8F00;--color-on-secondary: #000000;--color-background: #FFFFFF;--color-surface: #FFFFFF;--color-on-background: #212121;--color-on-surface: #212121;--color-error: #B00020;--color-on-error: #FFFFFF;--color-text-primary-on-light: rgba(0, 0, 0, .87);--color-text-secondary-on-light: rgba(0, 0, 0, .6);--color-text-disabled-on-light: rgba(0, 0, 0, .38);--color-text-hint-on-light: rgba(0, 0, 0, .38);--color-text-primary-on-dark: #FFFFFF;--color-text-secondary-on-dark: rgba(255, 255, 255, .7);--color-text-disabled-on-dark: rgba(255, 255, 255, .5);--color-text-hint-on-dark: rgba(255, 255, 255, .5);--color-border: rgba(0, 0, 0, .12);--color-divider-on-light: rgba(0, 0, 0, .12);--color-divider-on-dark: rgba(255, 255, 255, .12);--color-primary-light-for-gradient: #2196f3;--color-hero-gradient: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light-for-gradient) 100%);--color-button-primary-bg: var(--color-secondary);--color-button-primary-hover-bg: #ffca28;--color-button-primary-text: var(--color-on-secondary);--color-navbar-background: var(--color-primary);--color-navbar-text: var(--color-on-primary);--color-success: #4CAF50;--color-on-success: #FFFFFF;--color-warning: #FF9800;--color-on-warning: #000000;--color-info: #2196F3;--color-on-info: #FFFFFF;--color-white: #FFFFFF;--color-black: #000000;--color-transparent: transparent}:root{--font-family-sans-serif: var(--oc-font-family);--font-family-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-base: 1rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-size-h1: 6rem;--font-weight-h1: var(--font-weight-light);--letter-spacing-h1: -.09375em;--font-size-h2: 3.75rem;--font-weight-h2: var(--font-weight-light);--letter-spacing-h2: -.03125em;--font-size-h3: 3rem;--font-weight-h3: var(--font-weight-normal);--letter-spacing-h3: 0em;--font-size-h4: 2.125rem;--font-weight-h4: var(--font-weight-normal);--letter-spacing-h4: .00735em;--font-size-h5: 1.5rem;--font-weight-h5: var(--font-weight-normal);--letter-spacing-h5: 0em;--font-size-h6: 1.25rem;--font-weight-h6: var(--font-weight-medium);--letter-spacing-h6: .0075em;--font-size-subtitle1: 1rem;--font-weight-subtitle1: var(--font-weight-normal);--letter-spacing-subtitle1: .009375em;--font-size-subtitle2: .875rem;--font-weight-subtitle2: var(--font-weight-medium);--letter-spacing-subtitle2: .00714em;--font-size-body1: 1rem;--font-weight-body1: var(--font-weight-normal);--letter-spacing-body1: .03125em;--line-height-body1: 1.5;--font-size-body2: .875rem;--font-weight-body2: var(--font-weight-normal);--letter-spacing-body2: .01786em;--line-height-body2: 1.43;--font-size-button: .875rem;--font-weight-button: var(--font-weight-medium);--letter-spacing-button: .08929em;--text-transform-button: uppercase;--font-size-caption: .75rem;--font-weight-caption: var(--font-weight-normal);--letter-spacing-caption: .03333em;--font-size-overline: .625rem;--font-weight-overline: var(--font-weight-normal);--letter-spacing-overline: .15em;--text-transform-overline: uppercase}body{font-family:var(--font-family-sans-serif);font-size:var(--font-size-base);font-weight:var(--font-weight-body1);line-height:var(--line-height-body1);color:var(--color-on-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mat-h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-h1);letter-spacing:var(--letter-spacing-h1)}.mat-h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-h2);letter-spacing:var(--letter-spacing-h2)}.mat-h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-h3);letter-spacing:var(--letter-spacing-h3)}.mat-h4{font-size:var(--font-size-h4);font-weight:var(--font-weight-h4);letter-spacing:var(--letter-spacing-h4)}.mat-h5{font-size:var(--font-size-h5);font-weight:var(--font-weight-h5);letter-spacing:var(--letter-spacing-h5)}.mat-h6{font-size:var(--font-size-h6);font-weight:var(--font-weight-h6);letter-spacing:var(--letter-spacing-h6)}.mat-subtitle1{font-size:var(--font-size-subtitle1);font-weight:var(--font-weight-subtitle1);letter-spacing:var(--letter-spacing-subtitle1)}.mat-subtitle2{font-size:var(--font-size-subtitle2);font-weight:var(--font-weight-subtitle2);letter-spacing:var(--letter-spacing-subtitle2)}.mat-body1{font-size:var(--font-size-body1);font-weight:var(--font-weight-body1);letter-spacing:var(--letter-spacing-body1);line-height:var(--line-height-body1)}.mat-body2{font-size:var(--font-size-body2);font-weight:var(--font-weight-body2);letter-spacing:var(--letter-spacing-body2);line-height:var(--line-height-body2)}.mat-button{font-size:var(--font-size-button);font-weight:var(--font-weight-button);letter-spacing:var(--letter-spacing-button);text-transform:var(--text-transform-button)}.mat-caption{font-size:var(--font-size-caption);font-weight:var(--font-weight-caption);letter-spacing:var(--letter-spacing-caption)}.mat-overline{font-size:var(--font-size-overline);font-weight:var(--font-weight-overline);letter-spacing:var(--letter-spacing-overline);text-transform:var(--text-transform-overline)}:root{--spacing-unit: 8px;--spacing-xxs: calc(.25 * var(--spacing-unit));--spacing-xs: calc(.5 * var(--spacing-unit));--spacing-s: calc(.75 * var(--spacing-unit));--spacing-m: var(--spacing-unit);--spacing-l: calc(1.5 * var(--spacing-unit));--spacing-xl: calc(2 * var(--spacing-unit));--spacing-xxl: calc(3 * var(--spacing-unit));--spacing-xxxl: calc(4 * var(--spacing-unit));--spacing-xxxxl: calc(5 * var(--spacing-unit));--spacing-xxxxxl: calc(6 * var(--spacing-unit));--padding-component-default: var(--spacing-xl);--padding-component-dense: var(--spacing-m);--margin-component-default: var(--spacing-xl);--margin-component-dense: var(--spacing-m);--gutter-default: var(--spacing-xxl);--gutter-dense: var(--spacing-xl);--border-radius-small: 2px;--border-radius-default: 4px;--border-radius-medium: 6px;--border-radius-large: 8px;--border-radius-full: 50%;--height-button-default: calc(4.5 * var(--spacing-unit));--height-button-large: calc(6 * var(--spacing-unit));--height-input-default: calc(5 * var(--spacing-unit))}:root{--breakpoint-xs: 576px;--breakpoint-sm: 768px;--breakpoint-md: 992px;--breakpoint-lg: 1200px;--breakpoint-xl: 1400px;--container-xs: 100%;--container-sm: 540px;--container-md: 720px;--container-lg: 960px;--container-xl: 1140px;--container-xxl: 1320px}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-grid{display:grid!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.align-center{align-items:center!important}.align-start{align-items:flex-start!important}.align-end{align-items:flex-end!important}.align-stretch{align-items:stretch!important}.grid-cols-1{grid-template-columns:repeat(1,1fr)!important}.grid-cols-2{grid-template-columns:repeat(2,1fr)!important}.grid-cols-3{grid-template-columns:repeat(3,1fr)!important}.grid-cols-4{grid-template-columns:repeat(4,1fr)!important}.grid-cols-auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mr-0{margin-right:0!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.w-100{width:100%!important}.w-75{width:75%!important}.w-50{width:50%!important}.w-25{width:25%!important}.w-auto{width:auto!important}.h-100{height:100%!important}.h-auto{height:auto!important}.min-h-screen{min-height:100vh!important}.min-h-0{min-height:0!important}.max-w-none{max-width:none!important}.max-w-xs{max-width:20rem!important}.max-w-sm{max-width:24rem!important}.max-w-md{max-width:28rem!important}.max-w-lg{max-width:32rem!important}.max-w-xl{max-width:36rem!important}.max-w-full{max-width:100%!important}@media (max-width: 575.98px){.d-xs-none{display:none!important}.d-xs-block{display:block!important}.d-xs-flex{display:flex!important}.d-xs-grid{display:grid!important}.flex-xs-column{flex-direction:column!important}.flex-xs-row{flex-direction:row!important}.text-xs-center{text-align:center!important}.text-xs-left{text-align:left!important}.grid-xs-cols-1{grid-template-columns:1fr!important}.grid-xs-cols-2{grid-template-columns:repeat(2,1fr)!important}.w-xs-100{width:100%!important}.w-xs-auto{width:auto!important}.justify-xs-center{justify-content:center!important}.justify-xs-start{justify-content:flex-start!important}}@media (min-width: 576px) and (max-width: 767.98px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}.d-sm-grid{display:grid!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row{flex-direction:row!important}.text-sm-center{text-align:center!important}.text-sm-left{text-align:left!important}.grid-sm-cols-1{grid-template-columns:1fr!important}.grid-sm-cols-2{grid-template-columns:repeat(2,1fr)!important}.grid-sm-cols-3{grid-template-columns:repeat(3,1fr)!important}.w-sm-100{width:100%!important}.w-sm-50{width:50%!important}.w-sm-auto{width:auto!important}}@media (min-width: 768px) and (max-width: 991.98px){.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}.d-md-grid{display:grid!important}.flex-md-column{flex-direction:column!important}.flex-md-row{flex-direction:row!important}.text-md-center{text-align:center!important}.text-md-left{text-align:left!important}.grid-md-cols-2{grid-template-columns:repeat(2,1fr)!important}.grid-md-cols-3{grid-template-columns:repeat(3,1fr)!important}.grid-md-cols-4{grid-template-columns:repeat(4,1fr)!important}.w-md-75{width:75%!important}.w-md-50{width:50%!important}.w-md-auto{width:auto!important}}@media (min-width: 992px) and (max-width: 1199.98px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}.d-lg-grid{display:grid!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.text-lg-left{text-align:left!important}.text-lg-center{text-align:center!important}.grid-lg-cols-3{grid-template-columns:repeat(3,1fr)!important}.grid-lg-cols-4{grid-template-columns:repeat(4,1fr)!important}.grid-lg-cols-5{grid-template-columns:repeat(5,1fr)!important}}@media (min-width: 1200px){.d-xl-none{display:none!important}.d-xl-block{display:block!important}.d-xl-flex{display:flex!important}.d-xl-grid{display:grid!important}.flex-xl-row{flex-direction:row!important}.text-xl-left{text-align:left!important}.grid-xl-cols-4{grid-template-columns:repeat(4,1fr)!important}.grid-xl-cols-5{grid-template-columns:repeat(5,1fr)!important}.grid-xl-cols-6{grid-template-columns:repeat(6,1fr)!important}}.responsive-card{width:100%;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:var(--spacing-l, 20px);margin-bottom:var(--spacing-l, 20px);transition:transform .2s ease,box-shadow .2s ease}.responsive-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.responsive-card{padding:var(--spacing-m, 15px);margin-bottom:var(--spacing-m, 15px);border-radius:6px}.responsive-card:hover{transform:none}.responsive-card:active{transform:scale(.98)}}.responsive-btn{padding:var(--spacing-m, 12px) var(--spacing-l, 20px);font-size:1rem;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;line-height:1.2}@media (max-width: 768px){.responsive-btn{width:100%;padding:var(--spacing-m, 15px);font-size:16px;min-height:48px}}.responsive-form{width:100%;max-width:600px;margin:0 auto}.responsive-form .form-field{margin-bottom:var(--spacing-l, 20px);width:100%}.responsive-form input,.responsive-form textarea,.responsive-form select{width:100%;padding:var(--spacing-m, 12px);font-size:1rem;border:1px solid #ddd;border-radius:6px;box-sizing:border-box}@media (max-width: 768px){.responsive-form input,.responsive-form textarea,.responsive-form select{font-size:16px;padding:var(--spacing-m, 15px)}}.responsive-container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-l, 20px)}@media (max-width: 768px){.responsive-container{padding:0 var(--spacing-m, 15px)}}@media (max-width: 576px){.responsive-container{padding:0 var(--spacing-s, 10px)}}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-l, 20px);width:100%}@media (max-width: 768px){.responsive-grid{grid-template-columns:1fr;gap:var(--spacing-m, 15px)}}@media (max-width: 576px){.responsive-grid{gap:var(--spacing-s, 10px)}}@media (hover: none) and (pointer: coarse){.responsive-btn,.responsive-card{min-height:44px}.responsive-card:hover{transform:none}.responsive-card:active{transform:scale(.98);transition:transform .1s ease}}.responsive-btn:focus-visible,.responsive-form input:focus-visible,.responsive-form textarea:focus-visible,.responsive-form select:focus-visible{outline:2px solid var(--color-primary, #1976d2);outline-offset:2px}@media (prefers-reduced-motion: reduce){.responsive-card,.responsive-btn,*{transition:none!important;animation:none!important}}.debug *{outline:1px solid red!important}.debug-spacing{background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,0,0,.1) 10px,rgba(255,0,0,.1) 20px)!important}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--oc-font-family)}html,body,#root{min-height:100%;margin:0;padding:0}body{background:var(--oc-color-background);color:var(--oc-color-text);text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}img,svg{max-width:100%}:focus-visible{outline:3px solid var(--oc-color-primary-soft);outline-offset:3px}::selection{background:var(--oc-color-primary-soft);color:var(--oc-color-text-inverse)}