.shared-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e9ebec;background:#fff;position:relative;overflow:hidden}.shared-header-content{display:flex;align-items:center;gap:1rem;flex:1}.shared-header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--dynamic-primary-color, #3483fa);border-radius:.75rem;box-shadow:0 8px 22px color-mix(in srgb,var(--dynamic-primary-color, #3483fa) 25%,transparent)}.shared-header-icon .material-icons{font-size:1.75rem;color:#fff}.shared-header-text{display:flex;flex-direction:column;gap:.25rem}.shared-modal-header h2{font-family:var(--font-heading);font-size:1.375rem;font-weight:800;letter-spacing:-.01em;color:#212529;margin:0;line-height:1.2}.shared-header-subtitle{font-size:.8125rem;color:#878a99;margin:0;font-weight:500;line-height:1.4}.shared-close-btn{background:#f3f6f9;border:1px solid #e9ebec;color:#495057;cursor:pointer;padding:.625rem;border-radius:.75rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center;width:44px;height:44px}.shared-close-btn:hover{background:color-mix(in srgb,var(--dynamic-primary-color, #3483fa) 8%,#ffffff);border-color:color-mix(in srgb,var(--dynamic-primary-color, #3483fa) 18%,transparent);color:var(--primary-ink, var(--dynamic-primary-color, #3483fa))}.shared-close-btn .material-icons{font-size:1.5rem}.shared-card{background:#fff;border:1px solid #e9ebec;border-radius:1rem;padding:1.5rem;transition:box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden;margin-bottom:1rem;box-shadow:0 1px 3px #0000000a,0 12px 32px color-mix(in srgb,var(--dynamic-primary-color, #3483fa) 7%,transparent)}.shared-card.clickable{cursor:pointer}.shared-card.clickable:hover{border-color:color-mix(in srgb,var(--dynamic-primary-color, #3483fa) 18%,transparent);box-shadow:0 1px 2px #0000000a,0 12px 28px color-mix(in srgb,var(--dynamic-primary-color, #3483fa) 16%,transparent)}.shared-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #e9ebec}.shared-card-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;color:#212529;letter-spacing:-.01em;margin:0}.shared-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;font-weight:600;font-size:.8125rem;background:var(--dynamic-primary-color, #3483fa);color:var(--on-primary, white);text-transform:capitalize;box-shadow:0 2px 8px color-mix(in srgb,var(--dynamic-primary-color, #3483fa) 25%,transparent)}.shared-status-badge.finished{background:#13c56b;box-shadow:0 2px 8px #13c56b40}.shared-status-badge.cancelled{background:#ed5e5e;box-shadow:0 2px 8px #ed5e5e40}.shared-status-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:sharedPulse 2s ease-in-out infinite}@keyframes sharedPulse{0%,to{opacity:1}50%{opacity:.5}}.shared-card-body{display:flex;flex-direction:column;gap:1rem}.shared-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.shared-info-item{display:flex;align-items:center;gap:.875rem;padding:1rem;background:#f3f6f9;border-radius:.875rem;border:1px solid #e9ebec}.shared-info-icon-wrapper{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:color-mix(in srgb,var(--dynamic-primary-color, #3483fa) 10%,#ffffff);border-radius:.75rem;flex-shrink:0}.shared-info-icon-wrapper .material-icons{font-size:1.5rem;color:var(--primary-ink, var(--dynamic-primary-color, #3483fa))}.shared-info-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.shared-info-label{font-size:.75rem;color:#878a99;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.shared-info-value{font-size:1rem;font-weight:600;color:#212529}.shared-price-value{font-size:1.25rem;font-weight:700;color:var(--primary-ink, var(--dynamic-primary-color, #3483fa))}.shared-status-description{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#f3f6f9;border-radius:.875rem;border-left:3px solid var(--dynamic-primary-color, #3483fa)}.shared-description-icon{font-size:1.25rem;color:var(--primary-ink, var(--dynamic-primary-color, #3483fa));flex-shrink:0}.shared-description-text{margin:0;font-size:.875rem;color:#495057;line-height:1.6;flex:1}.shared-payment-status-section{display:flex;align-items:center}.shared-payment-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:999px;font-weight:600;font-size:.8125rem;border:1px solid}.shared-payment-status-badge .payment-icon{font-size:1.125rem}.shared-payment-status-badge.pending{background:#fdf7e8;color:#8a6d1f;border-color:#e8bc52}.shared-payment-status-badge.partially-paid{background:#eaf8fc;color:#1c6b80;border-color:#50c3e6}.shared-payment-status-badge.fully-paid{background:#e7f9f0;color:#0f7a44;border-color:#13c56b}.shared-payment-status-badge.overpaid{background:#fdeeee;color:#9c3535;border-color:#ed5e5e}.shared-payment-status-badge.unknown{background:#f3f6f9;color:#878a99;border-color:#e9ebec}.shared-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ebec}.shared-date-info{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#878a99}.shared-date-icon{font-size:1.125rem}@media (max-width: 1024px){.shared-modal-header,.shared-card{padding:1.25rem}.shared-info-grid{grid-template-columns:1fr}}@media (max-width: 768px){.shared-modal-header{padding:1.125rem 1rem}.shared-modal-header h2{font-size:1.1875rem}.shared-header-icon{width:40px;height:40px}.shared-header-icon .material-icons{font-size:1.5rem}.shared-card{padding:1.125rem;border-radius:.875rem}.shared-card-header{flex-direction:column;gap:.75rem;align-items:flex-start}.shared-card-title{font-size:1.125rem}.shared-info-grid{grid-template-columns:1fr}.shared-card-footer{flex-direction:column;gap:.75rem;align-items:flex-start}}@media (max-width: 480px){.shared-modal-header{padding:1rem .875rem}.shared-modal-header h2{font-size:1.125rem}.shared-header-subtitle{font-size:.75rem}}.sk{position:relative;overflow:hidden;background:#f3f6f9;border-radius:.5rem}.sk:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.65) 50%,transparent 100%);animation:sk-shimmer 1.4s ease-in-out infinite}@keyframes sk-shimmer{to{transform:translate(100%)}}.sk-line{border-radius:.5rem}.sk-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}@media (prefers-reduced-motion: reduce){.sk:after{animation:none}}:root{--bright-blue: oklch(.541 .224 264.595);--primary-blue: #3b58a5;--primary-text-blue: #344e92;--electric-violet: oklch(53.18% .28 296.97);--french-violet: oklch(47.66% .246 305.88);--vivid-pink: oklch(69.02% .277 332.77);--hot-red: oklch(61.42% .238 15.34);--orange-red: oklch(63.32% .24 31.68);--gray-900: oklch(19.37% .006 300.98);--gray-700: oklch(36.98% .014 302.71);--gray-400: oklch(70.9% .015 304.04);--font-body: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-heading: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--red-to-pink-to-purple-vertical-gradient: linear-gradient( 180deg, var(--orange-red) 0%, var(--vivid-pink) 50%, var(--electric-violet) 100% );--red-to-pink-to-purple-horizontal-gradient: linear-gradient( 90deg, var(--orange-red) 0%, var(--vivid-pink) 50%, var(--electric-violet) 100% );font-family:var(--font-body);box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--safe-top: env(safe-area-inset-top);--safe-right: env(safe-area-inset-right);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left)}html,body{min-height:100dvh}@supports not (height: 100dvh){html,body{min-height:100svh}}@supports not (height: 100svh){html,body{min-height:100vh}}html{width:100%;height:100%;scroll-behavior:smooth}body{width:100%;height:100%;box-sizing:inherit;position:relative;margin:0;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}h1{font-size:3.125rem;color:var(--gray-900);font-weight:800;line-height:100%;letter-spacing:-.125rem;margin:0;font-family:var(--font-heading)}p{margin:0;color:var(--gray-700)}.lg-row-sm-col{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between}.gradient-border-bottom{border-bottom:1px solid transparent;border-image:var(--red-to-pink-to-purple-horizontal-gradient) 1}.blue-border-bottom{border-bottom:1px solid var(--primary-blue)}.content-center{display:flex;flex-direction:column;justify-content:center;align-items:center}.height-100{height:100%}.width-100{width:100%}.fixed-top{position:fixed;top:0;z-index:999;width:100%}@media only screen and (max-width: 768px){.lg-row-sm-col{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;text-align:center}}button,a,[role=button],.btn,.header-btn{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button,[role=button],.btn,.header-btn{-webkit-user-select:none;user-select:none}html .btn-primary,html .btn-primary:hover,html .btn-primary:focus,html .btn-primary.focus,html .btn-primary:not(:disabled):not(.disabled):active,html .btn-primary:not(:disabled):not(.disabled).active,html .btn-primary:not(:disabled):not(.disabled):active:focus{background-color:var(--dynamic-primary-color, #3483fa);border-color:var(--dynamic-primary-color, #3483fa);color:var(--on-primary, #ffffff)}html .btn-primary:focus,html .btn-primary.focus,html .btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem color-mix(in srgb,var(--dynamic-primary-color, #3483fa) 35%,transparent)}