@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);:root{--color-primary:#f97316;--color-primary-hover:#ea580c;--color-primary-light:#fb923c;--color-primary-lighter:#fed7aa;--color-primary-dark:#c2410c;--color-primary-gradient-start:#f97316;--color-primary-gradient-end:#fb923c;--color-bg-primary:#fffbf7;--color-bg-secondary:#fff7ed;--color-bg-tertiary:#fef3e2;--color-bg-warm:#fdf4ec;--color-bg-cream:#faf6f1;--color-bg-light:#fef9f3;--color-bg-card:#fff;--gradient-hero:linear-gradient(135deg,#fff7ed,#fef3e2 50%,#fdf4ec);--gradient-card:linear-gradient(180deg,#fff,#fff7ed);--gradient-primary:linear-gradient(135deg,#f97316,#fb923c);--gradient-accent:linear-gradient(135deg,#fed7aa,#fff7ed);--gradient-soft:linear-gradient(180deg,#f973160d,#fb923c05);--color-text-primary:#1f2937;--color-text-secondary:#4b5563;--color-text-tertiary:#6b7280;--color-text-muted:#9ca3af;--color-text-light:#fff;--color-text-accent:#f97316;--color-text-on-primary:#fff;--color-border-light:#fed7aa;--color-border-default:#fde68a;--color-border-accent:#fdba74;--color-border-primary:#f97316;--color-border-subtle:#f9731626;--color-input-bg:#fff;--color-input-border:#fde68a;--color-input-border-focus:#f97316;--color-input-placeholder:#9ca3af;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 4px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #00000014;--shadow-xl:0 16px 48px #0000001f;--shadow-card:0 4px 20px #f9731614;--shadow-card-hover:0 8px 32px #f9731626;--shadow-button:0 4px 14px #f973164d;--shadow-button-hover:0 6px 20px #f9731666;--color-success:#10b981;--color-success-light:#d1fae5;--color-error:#ef4444;--color-error-light:#fee2e2;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-overlay:#1f293799;--color-overlay-light:#1f293766;--color-modal-bg:#fff;--color-modal-backdrop:#1f293780;--btn-primary-bg:var(--gradient-primary);--btn-primary-bg-solid:var(--color-primary);--btn-primary-text:var(--color-text-on-primary);--btn-primary-shadow:var(--shadow-button);--btn-secondary-bg:var(--color-bg-card);--btn-secondary-text:var(--color-primary);--btn-secondary-border:var(--color-primary);--btn-outline-bg:#0000;--btn-outline-text:var(--color-primary);--btn-outline-border:var(--color-primary);--btn-ghost-bg:#0000;--btn-ghost-text:var(--color-text-secondary);--btn-ghost-hover:var(--color-bg-secondary);--card-bg:var(--color-bg-card);--card-border:1px solid var(--color-border-subtle);--card-border-radius:20px;--card-shadow:var(--shadow-card);--card-shadow-hover:var(--shadow-card-hover);--card-padding:1.5rem;--navbar-bg:#fffffff2;--navbar-backdrop:blur(12px);--navbar-shadow:var(--shadow-sm);--navbar-height:72px;--input-height:48px;--input-border-radius:12px;--input-padding:0 1rem;--tab-bg:var(--color-bg-secondary);--tab-text:var(--color-text-secondary);--tab-active-bg:var(--color-primary);--tab-active-text:var(--color-text-on-primary);--tab-border-radius:12px;--space-1:0.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:2.5rem;--space-6:3rem;--space-8:4rem;--space-10:5rem;--space-12:6rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.4s ease;--transition-bounce:0.3s cubic-bezier(0.34,1.56,0.64,1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--z-dropdown:100;--z-sticky:200;--z-modal:1000;--z-tooltip:1100;--z-toast:1200}[data-theme=dark]{--color-bg-primary:#1f2937;--color-bg-secondary:#374151;--color-bg-tertiary:#4b5563;--color-bg-card:#374151;--color-text-primary:#f9fafb;--color-text-secondary:#e5e7eb;--color-text-tertiary:#d1d5db;--color-border-light:#4b5563;--color-border-default:#6b7280;--shadow-card:0 4px 20px #0003;--shadow-card-hover:0 8px 32px #0000004d;--navbar-bg:#1f2937f2}.btn{border:none;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);overflow:hidden;position:relative;transition:all var(--transition-normal)}.btn--sm{border-radius:var(--radius-md);font-size:var(--font-size-sm);height:36px;padding:.5rem 1rem}.btn--md{border-radius:var(--radius-lg);height:48px;padding:.75rem 1.5rem}.btn--lg{border-radius:var(--radius-xl);font-size:var(--font-size-lg);height:56px;padding:1rem 2rem}.btn--full{width:100%}.btn--primary{background:var(--gradient-primary);box-shadow:var(--shadow-button);color:var(--btn-primary-text)}.btn--primary:hover{box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.btn--primary:active{box-shadow:var(--shadow-button);transform:translateY(0)}.btn--primary:after{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn--primary:hover:after{left:100%}.btn--secondary{background:var(--btn-secondary-bg);border:2px solid var(--btn-secondary-border);box-shadow:var(--shadow-xs);color:var(--btn-secondary-text)}.btn--secondary:hover{background:var(--color-bg-secondary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn--secondary:active{transform:translateY(0)}.btn--outline{background:var(--btn-outline-bg);border:2px solid var(--btn-outline-border);color:var(--btn-outline-text)}.btn--outline:hover{background:var(--color-bg-secondary);transform:translateY(-2px)}.btn--ghost{background:var(--btn-ghost-bg);color:var(--btn-ghost-text)}.btn--ghost:hover{background:var(--btn-ghost-hover);color:var(--color-primary)}.btn--icon{background:var(--color-bg-card);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--color-text-secondary);height:44px;padding:0;width:44px}.btn--icon:hover{background:var(--color-bg-secondary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:scale(1.05)}.btn--disabled,.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn--loading{color:#0000!important;position:relative}.btn--loading:before{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;content:"";height:20px;position:absolute;width:20px}.btn-group{display:flex;gap:var(--space-2)}.btn-group--vertical{flex-direction:column}.btn--cta{background:var(--gradient-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-button);color:var(--color-text-on-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);padding:1rem 2rem}.btn--cta .icon,.btn--cta svg{transition:transform var(--transition-normal)}.btn--cta:hover .icon,.btn--cta:hover svg{transform:translateX(4px)}.btn--cta:hover{box-shadow:var(--shadow-button-hover);transform:translateY(-3px)}.card{background:var(--card-bg);border:var(--card-border);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);overflow:hidden;transition:all var(--transition-normal)}.card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.card--no-hover:hover{box-shadow:var(--card-shadow);transform:none}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:var(--color-border-accent)}.card--sm{padding:var(--space-2)}.card--md{padding:var(--space-3)}.card--lg{padding:var(--space-4)}.card__header{align-items:center;background:var(--gradient-soft);border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.card__header-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.card__header-subtitle{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:.25rem 0 0}.card__header-icon{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-lg);color:var(--color-text-on-primary);display:flex;font-size:var(--font-size-xl);height:48px;justify-content:center;width:48px}.card__body{padding:var(--space-4)}.card__body--no-padding{padding:0}.card__footer{align-items:center;background:var(--color-bg-light);border-top:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.card--feature{padding:var(--space-4);text-align:center}.card--feature .card__icon{align-items:center;background:var(--gradient-accent);border-radius:var(--radius-xl);display:flex;font-size:var(--font-size-3xl);height:64px;justify-content:center;margin:0 auto var(--space-3);width:64px}.card--feature .card__title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.card--feature .card__text{color:var(--color-text-tertiary);font-size:var(--font-size-base);line-height:1.6;margin:0}.card--info{background:var(--gradient-soft);border:1px solid var(--color-border-light)}.card--info .card__icon{align-items:center;background:var(--color-primary-lighter);border-radius:var(--radius-lg);color:var(--color-primary);display:flex;font-size:var(--font-size-xl);height:48px;justify-content:center;margin-bottom:var(--space-2);width:48px}.card--profile{align-items:center;display:flex;gap:var(--space-3);padding:var(--space-4)}.card--profile .card__avatar{border:3px solid var(--color-primary-lighter);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);height:72px;object-fit:cover;width:72px}.card--profile .card__avatar-placeholder{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);color:var(--color-text-on-primary);display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);height:72px;justify-content:center;width:72px}.card--profile .card__content{flex:1 1}.card--profile .card__name{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0}.card--profile .card__meta{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:0}.card--profile .card__badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-top:var(--space-2);padding:.25rem .75rem}.card--profile .card__badge--success{background:var(--color-success-light);color:var(--color-success)}.card--profile .card__badge--warning{background:var(--color-warning-light);color:var(--color-warning)}.card--stats{padding:var(--space-4);text-align:center}.card--stats .card__number{color:var(--color-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:1;margin:0}.card--stats .card__label{color:var(--color-text-tertiary);font-size:var(--font-size-sm);letter-spacing:.05em;margin:var(--space-2) 0 0 0;text-transform:uppercase}.card-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4)}.card-grid--2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card-grid--3{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.card-grid--4{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card--list{align-items:center;display:flex;gap:var(--space-3);padding:var(--space-3)}.card--list .card__icon{align-items:center;background:var(--gradient-accent);border-radius:var(--radius-lg);color:var(--color-primary);display:flex;flex-shrink:0;font-size:var(--font-size-xl);height:56px;justify-content:center;width:56px}.card--list .card__content{flex:1 1;min-width:0}.card--list .card__title{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0}.card--list .card__description{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card--list .card__action{flex-shrink:0;margin-left:auto}.input{background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:var(--input-border-radius);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);height:var(--input-height);outline:none;padding:var(--input-padding);transition:all var(--transition-fast);width:100%}.input::placeholder{color:var(--color-input-placeholder)}.input:hover{border-color:var(--color-border-accent)}.input:focus{border-color:var(--color-input-border-focus);box-shadow:0 0 0 4px #f973161a}.input--disabled,.input:disabled{background:var(--color-bg-secondary);border-color:var(--color-border-light);color:var(--color-text-muted);cursor:not-allowed}.input--error{background:var(--color-error-light);border-color:var(--color-error)}.input--error:focus{box-shadow:0 0 0 4px #ef44441a}.input--success{background:var(--color-success-light);border-color:var(--color-success)}.input--lg{border-radius:var(--radius-xl);font-size:var(--font-size-lg);height:56px}.input--sm{border-radius:var(--radius-md);font-size:var(--font-size-sm);height:40px}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-group__label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.input-group__required{color:var(--color-error)}.input-group__helper{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.input-group__error{align-items:center;color:var(--color-error);display:flex;font-size:var(--font-size-xs);gap:.25rem}.input-wrapper{position:relative}.input-wrapper__icon{color:var(--color-text-muted);font-size:var(--font-size-lg);left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color var(--transition-fast)}.input-wrapper .input{padding-left:3rem}.input-wrapper .input:focus+.input-wrapper__icon,.input-wrapper__icon--active{color:var(--color-primary)}.input-wrapper__icon--right{left:auto;right:1rem}.input-wrapper .input--icon-right{padding-left:var(--input-padding);padding-right:3rem}.textarea{background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:var(--input-border-radius);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-base);min-height:120px;outline:none;padding:var(--input-padding);padding-top:.75rem;resize:vertical;transition:all var(--transition-fast);width:100%}.textarea::placeholder{color:var(--color-input-placeholder)}.textarea:focus{border-color:var(--color-input-border-focus);box-shadow:0 0 0 4px #f973161a}.textarea--sm{min-height:80px}.textarea--lg{min-height:160px}.select{appearance:none;background:var(--color-input-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath d='m5 7.5 5 5 5-5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:2px solid var(--color-input-border);border-radius:var(--input-border-radius);color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:var(--font-size-base);height:var(--input-height);outline:none;padding:var(--input-padding);padding-right:2.5rem;transition:all var(--transition-fast);width:100%}.select:hover{border-color:var(--color-border-accent)}.select:focus{border-color:var(--color-input-border-focus);box-shadow:0 0 0 4px #f973161a}.select:disabled{background-color:var(--color-bg-secondary);cursor:not-allowed}.checkbox,.radio{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-base);gap:var(--space-2)}.checkbox__input,.radio__input{appearance:none;border:2px solid var(--color-input-border);border-radius:var(--radius-sm);cursor:pointer;height:20px;position:relative;transition:all var(--transition-fast);width:20px}.radio__input{border-radius:var(--radius-full)}.checkbox__input:checked,.radio__input:checked{background:var(--gradient-primary);border-color:var(--color-primary)}.checkbox__input:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.radio__input:checked:after{background:#fff;border-radius:var(--radius-full);content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.checkbox:hover .checkbox__input,.radio:hover .radio__input{border-color:var(--color-border-accent)}.toggle{align-items:center;cursor:pointer;display:flex;gap:var(--space-2)}.toggle__input{appearance:none;background:var(--color-border-default);border-radius:var(--radius-full);cursor:pointer;height:26px;position:relative;transition:all var(--transition-fast);width:48px}.toggle__input:after{background:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);content:"";height:20px;left:3px;position:absolute;top:3px;transition:all var(--transition-normal);width:20px}.toggle__input:checked{background:var(--gradient-primary)}.toggle__input:checked:after{left:25px}.toggle__label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.search-input{position:relative}.search-input .input{background:var(--color-bg-secondary);border-color:#0000;padding-left:2.75rem}.search-input .input:focus{background:var(--color-input-bg)}.search-input__icon{left:1rem}.search-input__clear,.search-input__icon{color:var(--color-text-muted);position:absolute;top:50%;transform:translateY(-50%)}.search-input__clear{background:none;border:none;cursor:pointer;opacity:0;padding:.25rem;right:1rem;transition:all var(--transition-fast)}.search-input .input:not(:placeholder-shown)+.search-input__clear{opacity:1}.input-button-group{display:flex;gap:var(--space-1)}.input-button-group .input{flex:1 1}.input-button-group .btn{flex-shrink:0}.navbar{backdrop-filter:var(--navbar-backdrop);-webkit-backdrop-filter:var(--navbar-backdrop);background:var(--navbar-bg);box-shadow:var(--navbar-shadow);height:var(--navbar-height);left:0;position:fixed;right:0;top:0;transition:all var(--transition-normal);z-index:var(--z-sticky)}.navbar__container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 var(--space-4)}.navbar__logo{align-items:center;color:var(--color-text-primary);display:flex;gap:var(--space-2);text-decoration:none;transition:all var(--transition-fast)}.navbar__logo:hover{transform:scale(1.02)}.navbar__logo-icon{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;font-size:var(--font-size-xl);height:44px;justify-content:center;width:44px}.navbar__logo-text{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.navbar__logo-text span{color:var(--color-primary)}.navbar__nav{align-items:center;display:flex;gap:var(--space-1)}.navbar__link{border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:.5rem 1rem;position:relative;text-decoration:none;transition:all var(--transition-fast)}.navbar__link:after{background:var(--gradient-primary);border-radius:var(--radius-full);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%) scaleX(0);transition:transform var(--transition-normal);width:24px}.navbar__link:hover{background:var(--color-bg-secondary);color:var(--color-primary)}.navbar__link:hover:after{transform:translateX(-50%) scaleX(1)}.navbar__link--active{background:var(--color-bg-secondary);color:var(--color-primary)}.navbar__link--active:after{transform:translateX(-50%) scaleX(1)}.navbar__actions{align-items:center;display:flex;gap:var(--space-2)}.navbar__cta{background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text-on-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:.625rem 1.25rem;text-decoration:none;transition:all var(--transition-normal)}.navbar__cta:hover{box-shadow:var(--shadow-button);transform:translateY(-2px)}.navbar__user{align-items:center;border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-1) var(--space-2);transition:all var(--transition-fast)}.navbar__user:hover{background:var(--color-bg-secondary)}.navbar__user-avatar{border:2px solid var(--color-primary-lighter);border-radius:var(--radius-full);height:40px;object-fit:cover;width:40px}.navbar__user-avatar-placeholder{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);color:var(--color-text-on-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);height:40px;justify-content:center;width:40px}.navbar__user-info{display:none}@media (min-width:768px){.navbar__user-info{display:block}}.navbar__user-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0}.navbar__user-role{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin:0}.navbar__user-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast)}.navbar__user:hover .navbar__user-chevron{color:var(--color-primary);transform:rotate(180deg)}.navbar__dropdown{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);min-width:220px;opacity:0;padding:var(--space-2);position:absolute;right:var(--space-4);top:calc(100% + .5rem);transform:translateY(-10px);transition:all var(--transition-normal);visibility:hidden}.navbar__dropdown--open,.navbar__user:hover .navbar__dropdown{opacity:1;transform:translateY(0);visibility:visible}.navbar__dropdown-item{align-items:center;border-radius:var(--radius-lg);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);padding:.75rem var(--space-3);text-decoration:none;transition:all var(--transition-fast)}.navbar__dropdown-item:hover{background:var(--color-bg-secondary);color:var(--color-primary)}.navbar__dropdown-item .icon,.navbar__dropdown-item svg{font-size:var(--font-size-lg)}.navbar__dropdown-divider{background:var(--color-border-light);height:1px;margin:var(--space-2) 0}.navbar__toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:var(--space-2)}.navbar__toggle-line{background:var(--color-text-primary);border-radius:var(--radius-full);height:2px;transition:all var(--transition-fast);width:24px}.navbar__toggle--active .navbar__toggle-line:first-child{transform:rotate(45deg) translate(5px,5px)}.navbar__toggle--active .navbar__toggle-line:nth-child(2){opacity:0}.navbar__toggle--active .navbar__toggle-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:1024px){.navbar__toggle{display:flex}.navbar__nav{background:var(--color-bg-card);box-shadow:var(--shadow-lg);flex-direction:column;gap:var(--space-2);left:0;opacity:0;padding:var(--space-4);position:fixed;right:0;top:var(--navbar-height);transform:translateY(-100%);transition:all var(--transition-normal);visibility:hidden}.navbar__nav--open{opacity:1;transform:translateY(0);visibility:visible}.navbar__link{padding:var(--space-2);width:100%}.navbar__link:after{display:none}}.navbar--scrolled{box-shadow:var(--shadow-md)}.navbar--transparent{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;box-shadow:none}.navbar--transparent .navbar__link,.navbar--transparent .navbar__logo-text{color:var(--color-text-light)}.navbar--transparent .navbar__link:hover{background:#ffffff1a}.navbar--transparent.navbar--scrolled{-webkit-backdrop-filter:var(--navbar-backdrop);backdrop-filter:var(--navbar-backdrop);background:var(--navbar-bg);box-shadow:var(--navbar-shadow)}.navbar--transparent.navbar--scrolled .navbar__link,.navbar--transparent.navbar--scrolled .navbar__logo-text{color:var(--color-text-primary)}.navbar-spacer{height:var(--navbar-height)}.tabs{display:flex;flex-direction:column;gap:var(--space-4)}.tabs__nav{background:var(--color-bg-secondary);border-radius:var(--radius-xl);display:flex;gap:var(--space-1);padding:var(--space-1);width:fit-content}.tabs__nav--full{width:100%}.tabs__nav--full .tab{flex:1 1;justify-content:center}.tab{align-items:center;background:#0000;border:none;border-radius:var(--tab-border-radius);color:var(--tab-text);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);overflow:hidden;padding:.625rem 1.25rem;position:relative;transition:all var(--transition-fast);white-space:nowrap}.tab:hover{background:#ffffff80;color:var(--color-text-primary)}.tab--active{box-shadow:var(--shadow-sm)}.tab--active,.tab--active:hover{background:var(--tab-active-bg);color:var(--tab-active-text)}.tab__badge{align-items:center;background:var(--color-primary-lighter);border-radius:var(--radius-full);color:var(--color-primary-dark);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);height:20px;justify-content:center;min-width:20px;padding:0 6px;transition:all var(--transition-fast)}.tab--active .tab__badge{background:#fff3;color:#fff}.tab__icon{font-size:var(--font-size-lg);transition:transform var(--transition-fast)}.tab:hover .tab__icon{transform:scale(1.1)}.tabs__nav--underline{background:#0000;border-bottom:2px solid var(--color-border-light);border-radius:0;gap:0;padding:0}.tabs__nav--underline .tab{background:#0000;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-2px}.tabs__nav--underline .tab:hover{background:#0000;border-bottom-color:var(--color-border-accent);color:var(--color-primary)}.tabs__nav--underline .tab--active{background:#0000;border-bottom-color:var(--color-primary);box-shadow:none;color:var(--color-primary)}.tabs__content{position:relative}.tab-panel{animation:fadeIn var(--transition-normal);display:none}.tab-panel--active{display:block}.segmented-control{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);display:inline-flex;padding:4px}.segmented-control__option{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:.5rem 1rem;transition:all var(--transition-fast);white-space:nowrap}.segmented-control__option:hover{color:var(--color-text-primary)}.segmented-control__option--active{background:var(--gradient-primary);box-shadow:var(--shadow-sm);color:var(--color-text-on-primary)}.tabs--vertical{flex-direction:row;gap:var(--space-6)}.tabs--vertical .tabs__nav{flex-direction:column;height:fit-content;width:200px}.tabs--vertical .tabs__content{flex:1 1}@media (max-width:640px){.tabs__nav{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none;width:100%}.tabs__nav::-webkit-scrollbar{display:none}.tab{flex-shrink:0}.tabs--vertical{flex-direction:column}.tabs--vertical .tabs__nav{flex-direction:row;width:100%}}.tabs__nav--icons .tab{padding:var(--space-2)}.tabs__nav--icons .tab__icon{margin:0}.tabs__nav--lg .tab{font-size:var(--font-size-base);padding:.875rem 1.5rem}.tabs__nav--cards{background:#0000;gap:var(--space-2);padding:0}.tabs__nav--cards .tab{align-items:flex-start;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-xs);flex-direction:column;gap:var(--space-2);min-width:160px;padding:var(--space-3)}.tabs__nav--cards .tab:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-sm)}.tabs__nav--cards .tab--active{border-color:var(--color-primary);box-shadow:var(--shadow-card)}.tabs__nav--cards .tab__title{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.tabs__nav--cards .tab__description{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.info-panel{background:var(--card-bg);border:var(--card-border);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);overflow:hidden}.profile-header{background:var(--gradient-soft);padding:var(--space-6) var(--space-4);position:relative;text-align:center}.profile-header__cover{background:var(--gradient-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:100px;left:0;position:absolute;right:0;top:0}.profile-header__avatar{object-fit:cover}.profile-header__avatar,.profile-header__avatar-placeholder{border:4px solid var(--color-bg-card);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);height:120px;margin:60px auto var(--space-3);position:relative;width:120px;z-index:1}.profile-header__avatar-placeholder{align-items:center;background:var(--gradient-primary);color:var(--color-text-on-primary);display:flex;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);justify-content:center}.profile-header__name{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-1) 0}.profile-header__role{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--space-2) 0}.profile-header__badge{align-items:center;background:var(--color-success-light);border-radius:var(--radius-full);color:var(--color-success);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--space-1);padding:.375rem 1rem}.profile-stats{grid-gap:var(--space-2);border-bottom:1px solid var(--color-border-subtle);border-top:1px solid var(--color-border-subtle);display:grid;gap:var(--space-2);grid-template-columns:repeat(3,1fr);padding:var(--space-4)}.profile-stats__item{padding:var(--space-2);text-align:center}.profile-stats__value{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.profile-stats__label{color:var(--color-text-tertiary);font-size:var(--font-size-xs);letter-spacing:.05em;margin:var(--space-1) 0 0 0;text-transform:uppercase}.profile-details{padding:var(--space-4)}.profile-details__section{margin-bottom:var(--space-4)}.profile-details__section:last-child{margin-bottom:0}.profile-details__title{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);letter-spacing:.05em;margin:0 0 var(--space-3) 0;text-transform:uppercase}.profile-details__title .icon,.profile-details__title svg{color:var(--color-primary)}.info-item{align-items:flex-start;border-bottom:1px solid var(--color-border-subtle);gap:var(--space-3);padding:var(--space-2) 0}.info-item:last-child{border-bottom:none}.info-item__icon{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);color:var(--color-primary);display:flex;flex-shrink:0;font-size:var(--font-size-lg);height:40px;justify-content:center;width:40px}.info-item__content{flex:1 1;min-width:0}.info-item__label{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0 0 2px}.info-item__value{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0}.info-item__value--link{color:var(--color-primary);text-decoration:none}.info-item__value--link:hover{text-decoration:underline}.profile-card{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-3);padding:var(--space-3);transition:all var(--transition-fast)}.profile-card:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-md)}.profile-card__avatar{border:2px solid var(--color-primary-lighter);border-radius:var(--radius-full);height:56px;object-fit:cover;width:56px}.profile-card__avatar-placeholder{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);color:var(--color-text-on-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);height:56px;justify-content:center;width:56px}.profile-card__content{flex:1 1;min-width:0}.profile-card__name{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-card__meta{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:0}.profile-card__action{flex-shrink:0}.profile-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4)}.profile-grid--2{grid-template-columns:320px 1fr}.profile-grid--sidebar-right{grid-template-columns:1fr 320px}@media (max-width:1024px){.profile-grid--2,.profile-grid--sidebar-right{grid-template-columns:1fr}}.profile-sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.profile-sidebar__sticky{position:sticky;top:calc(var(--navbar-height) + var(--space-4))}.quick-actions{grid-gap:var(--space-2);display:grid;grid-template-columns:repeat(2,1fr)}.quick-actions,.quick-actions__item{gap:var(--space-2);padding:var(--space-3)}.quick-actions__item{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;flex-direction:column;text-decoration:none;transition:all var(--transition-fast)}.quick-actions__item:hover{background:var(--color-primary-lighter);transform:translateY(-2px)}.quick-actions__icon{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-lg);color:var(--color-text-on-primary);display:flex;font-size:var(--font-size-xl);height:48px;justify-content:center;width:48px}.quick-actions__label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center}.status-panel{padding:var(--space-4)}.status-panel__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.status-panel__title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.status-indicator{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:.5rem 1rem}.status-indicator:before{border-radius:var(--radius-full);content:"";height:8px;width:8px}.status-indicator--active{background:var(--color-success-light);color:var(--color-success)}.status-indicator--active:before{background:var(--color-success)}.status-indicator--pending{background:var(--color-warning-light);color:var(--color-warning)}.status-indicator--pending:before{background:var(--color-warning)}.status-indicator--inactive{background:var(--color-bg-secondary);color:var(--color-text-tertiary)}.status-indicator--inactive:before{background:var(--color-text-muted)}.timeline{padding:var(--space-4)}.timeline__item{border-left:2px solid var(--color-border-light);display:flex;gap:var(--space-3);margin-left:11px;padding:var(--space-3) 0;padding-left:var(--space-4);position:relative}.timeline__item:before{background:var(--color-bg-card);border:2px solid var(--color-primary);border-radius:var(--radius-full);content:"";height:12px;left:-7px;position:absolute;top:var(--space-3);width:12px}.timeline__item:first-child:before{background:var(--color-primary)}.timeline__content{flex:1 1}.timeline__text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-1) 0}.timeline__time{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0}.container{padding:0 var(--space-4)}.container--narrow{max-width:900px}.container--wide{max-width:1600px}.section{padding:var(--space-12) 0}.section--sm{padding:var(--space-8) 0}.section--lg{padding:var(--space-16) 0}.flex--center{justify-content:center}.flex--between,.flex--center{align-items:center;display:flex}.flex--between{justify-content:space-between}.flex--column{flex-direction:column}.flex--wrap{flex-wrap:wrap}.flex--gap-1{gap:var(--space-1)}.flex--gap-2{gap:var(--space-2)}.flex--gap-3{gap:var(--space-3)}.flex--gap-4,.grid{gap:var(--space-4)}.grid{grid-gap:var(--space-4)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.bg-primary{background:var(--color-bg-primary)}.bg-secondary{background:var(--color-bg-secondary)}.bg-gradient{background:var(--gradient-hero)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}@media (max-width:768px){.hidden-mobile{display:none}}@media (min-width:769px){.hidden-desktop{display:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-normal)}.animate-slide-up{animation:slideUp var(--transition-normal)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.page{background:var(--color-bg-primary);min-height:100vh}.page--gradient{background:var(--gradient-hero)}.page__header{padding:var(--space-8) 0;text-align:center}.page__title{color:var(--color-text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.page__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0 auto;max-width:600px}.empty-state{padding:var(--space-12) var(--space-4)}.empty-state__icon{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-full);color:var(--color-text-muted);display:flex;font-size:var(--font-size-4xl);height:120px;justify-content:center;margin:0 auto var(--space-4);width:120px}.empty-state__title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.empty-state__text{color:var(--color-text-tertiary);font-size:var(--font-size-base);margin:0 0 var(--space-4) 0}.skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{max-width:1300px;padding:0 1rem}.loading{align-items:center;color:#666;display:flex;font-size:1.2rem;height:100vh;justify-content:center}.text-center{text-align:center}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.space-x-4>*+*{margin-left:1rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.grid{display:grid}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.btn{align-items:center;border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:var(--font-weight-medium);gap:.5rem;justify-content:center;text-decoration:none;transition:all var(--transition-fast)}.btn-disabled,.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--gradient-primary);border-color:#0000;box-shadow:var(--shadow-button);color:var(--color-text-on-primary)}.btn-primary:hover:not(:disabled){background:var(--gradient-primary);box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.btn-outline{background-color:var(--color-bg-card);border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-text-on-primary)}.btn-ghost{background-color:initial;border-color:#0000;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-secondary);color:var(--color-primary)}.btn-small{border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:.5rem 1rem}.btn-medium{font-size:var(--font-size-base);padding:.75rem 1.5rem}.btn-large{border-radius:var(--radius-xl);font-size:var(--font-size-lg);padding:1rem 2rem}.btn-full{width:100%}.btn .icon,.btn svg{margin-right:.5rem}.btn .icon:last-child,.btn svg:last-child{margin-right:0}.custom-select-wrapper{width:100%}.custom-select-wrapper .react-select__control{background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:var(--input-border-radius);box-shadow:none;min-height:var(--input-height);transition:all var(--transition-fast)}.custom-select-wrapper .react-select__control:hover{border-color:var(--color-border-accent)}.custom-select-wrapper .react-select__control--is-focused{border-color:var(--color-primary);box-shadow:0 0 0 4px #f973161a}.custom-select-wrapper .react-select__value-container{padding:var(--input-padding)}.custom-select-wrapper .react-select__single-value{color:var(--color-text-primary);font-size:var(--font-size-base)}.custom-select-wrapper .react-select__placeholder{color:var(--color-input-placeholder)}.custom-select-wrapper .react-select__dropdown-indicator{color:var(--color-text-muted);padding:0 .75rem}.custom-select-wrapper .react-select__dropdown-indicator:hover{color:var(--color-primary)}.custom-select-wrapper .react-select__menu{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:.5rem;z-index:9999!important}.custom-select-wrapper .react-select__menu-list{border-radius:var(--radius-lg);padding:.5rem}.custom-select-wrapper .react-select__option{border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-base);padding:.625rem .75rem;transition:all var(--transition-fast)}.custom-select-wrapper .react-select__option:hover{background:var(--color-bg-secondary);color:var(--color-primary)}.custom-select-wrapper .react-select__option--is-selected{background:var(--gradient-primary);color:var(--color-text-on-primary);font-weight:var(--font-weight-medium)}.custom-select-wrapper .react-select__option--is-focused{background:var(--color-bg-secondary);color:var(--color-primary)}.custom-select-wrapper .react-select__option--is-selected:hover{background:var(--gradient-primary);color:var(--color-text-on-primary)}.custom-select-wrapper.error .react-select__control{background:var(--color-error-light);border-color:var(--color-error)!important}.custom-select-wrapper.error .react-select__control:hover{border-color:var(--color-error)!important}.custom-select-wrapper.error .react-select__control--is-focused{box-shadow:0 0 0 4px #ef44441a!important}.custom-select-wrapper .react-select__control--is-disabled{background:var(--color-bg-secondary);border-color:var(--color-border-light);opacity:.6}.custom-select-wrapper .react-select__control--is-disabled .react-select__single-value{color:var(--color-text-muted)}.custom-select-wrapper .react-select__clear-indicator{color:var(--color-text-muted);padding:0 .5rem}.custom-select-wrapper .react-select__clear-indicator:hover{color:var(--color-error)}.custom-select-wrapper .react-select__multi-value{background:var(--color-primary-lighter);border-radius:var(--radius-md)}.custom-select-wrapper .react-select__multi-value__label{color:var(--color-primary-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:.25rem .5rem}.custom-select-wrapper .react-select__multi-value__remove{border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-primary)}.custom-select-wrapper .react-select__multi-value__remove:hover{background:var(--color-primary);color:var(--color-text-on-primary)}.custom-select-wrapper .react-select__menu-notice--no-options{color:var(--color-text-muted);padding:1rem;text-align:center}.custom-select-wrapper .react-select__loading-indicator{color:var(--color-primary)}body>div[id*=react-select]{z-index:9999!important}.language-switcher{min-width:140px}.language-icon{color:var(--color-text-muted);flex-shrink:0}.language-select-dropdown{flex:1 1;min-width:120px}.language-select-dropdown .react-select__control{background:var(--color-bg-card);border:2px solid var(--color-input-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);min-height:36px;padding:0;transition:all var(--transition-fast)}.language-select-dropdown .react-select__control:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-sm)}.language-select-dropdown .react-select__control--is-focused{border-color:var(--color-primary);box-shadow:0 0 0 3px #f973161a}.language-select-dropdown .react-select__value-container{padding:.25rem .5rem}.language-select-dropdown .react-select__single-value{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.language-select-dropdown .react-select__indicator{color:var(--color-text-muted);padding:.25rem}.language-select-dropdown .react-select__indicator:hover{color:var(--color-primary)}.language-select-dropdown .react-select__indicator svg{height:16px;width:16px}.language-select-dropdown .react-select__menu{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:.5rem}.language-select-dropdown .react-select__menu-list{padding:.5rem}.language-select-dropdown .react-select__option{border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:.5rem .75rem;transition:all var(--transition-fast)}.language-select-dropdown .react-select__option:hover{background:var(--color-bg-secondary);color:var(--color-primary)}.language-select-dropdown .react-select__option--is-selected{background:var(--gradient-primary);color:var(--color-text-on-primary);font-weight:var(--font-weight-medium)}.language-select-dropdown .react-select__option--is-focused{background:var(--color-bg-secondary);color:var(--color-primary)}.landing-page{background:linear-gradient(#fff7edd9,#fef3e2e6),url(/static/media/cIzqW.0a0c6a823c2f89f2d96d.jpg);background-attachment:fixed;background-position:50%;background-size:cover;min-height:100vh}.hero-section{margin-bottom:4rem;text-align:center}.hero-title{color:var(--color-text-primary);font-size:3rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}.hero-highlight{color:var(--color-text-accent);display:block}.hero-description{color:var(--color-text-tertiary);font-size:1.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:48rem}.hero-actions{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;margin-bottom:4rem;padding-top:3rem}.feature-card-wrapper{padding-top:40px;position:relative}.feature-card{background-color:#fff9f0;border:none;border-radius:24px;box-shadow:0 8px 24px #0000001f;overflow:hidden;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card-wrapper:hover .feature-card{box-shadow:0 12px 32px #0000002e;transform:translateY(-8px)}.feature-image-container{background:linear-gradient(135deg,#f96,#ff6b35 50%,#ff8c42);height:240px;overflow:hidden;position:relative;width:100%}.feature-image-placeholder{align-items:center;background:linear-gradient(135deg,#ffa85c,#ff7a3d 50%,#f96);display:flex;height:100%;justify-content:center;position:relative;width:100%}.feature-image-placeholder:before{background:radial-gradient(circle at 20% 30%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 70%,#ffffff14 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.feature-image{height:100%;object-fit:cover;object-position:center;width:100%}.feature-icon-overlay{align-items:center;background:linear-gradient(135deg,#fff4e6,#ffe8cc);border:4px solid #fff9f0;border-radius:50%;box-shadow:0 4px 16px #00000026;display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:0;transform:translateX(-50%);width:80px;z-index:10}.feature-icon{stroke-width:2;color:#ff6b35}.feature-content{background-color:#fdeccb;padding:25px}.feature-card h3{color:#2d2d2d;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.feature-card p{color:#5a5a5a;font-size:1rem;line-height:1.6;margin:0}.event-info{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:2rem;position:relative;text-align:center}.event-info:before{background-color:#ffffffd9;border-radius:var(--radius-xl);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.event-info>*{position:relative;z-index:1}.event-icon{color:var(--color-primary);font-size:3rem;margin-bottom:1rem}.event-info h3{color:var(--color-text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.event-location{color:var(--color-text-tertiary);font-size:1.125rem;margin-bottom:1rem}.event-description{color:var(--color-text-tertiary);margin:0 auto;max-width:32rem}.footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border-subtle);color:var(--color-text-secondary);margin-top:4rem;padding:2rem 0}.footer-content{text-align:center}.footer-logo{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.footer-logo span:last-child{font-size:1.125rem;font-weight:600}.footer p{color:var(--color-footer-muted);margin:0}@media (min-width:640px){.hero-actions{flex-direction:row}.hero-title{font-size:4rem}}@media (min-width:768px){.features-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:639px){.hero-title{font-size:2.5rem}.header-content{flex-direction:column;gap:1rem}.header-actions{justify-content:center;width:100%}}.auth-page{align-items:center;background:var(--gradient-hero);display:flex;justify-content:center;min-height:100vh;padding:1rem}.auth-page.login-page{background:linear-gradient(#fff7edd9,#fef3e2e6),url(/static/media/ZPAtH.a4c81c24b40425617c56.jpg);background-attachment:fixed;background-position:50%;background-size:cover}.auth-page.register-page{background:linear-gradient(#fff7edd9,#fef3e2e6),url(/static/media/CT1SK.27b32dd8382c30879bf6.jpg);background-attachment:fixed;background-position:50%;background-size:cover}.auth-container{max-width:550px;width:100%}.auth-container.register-container{max-width:48rem;width:100%}.auth-card{background-color:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:2rem}.auth-header{margin-bottom:2rem;position:relative;text-align:center}.auth-header .logo{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.auth-header .logo-icon{font-size:2rem}.auth-header h1{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin:0}.auth-header h2{color:var(--color-text-secondary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.auth-header p{color:var(--color-text-tertiary);margin:0}.auth-header-actions{position:absolute;right:1rem;top:1rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.form-group-full-width{grid-column:1/-1}@media (min-width:768px){.auth-form-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.form-group-full-width{grid-column:1/-1}}.password-input{position:relative}.password-input input{padding-right:2.5rem}.password-toggle{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:1rem;padding:0;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:var(--color-text-secondary)}.auth-submit{margin-top:.5rem;width:100%}.auth-footer{margin-top:1.5rem;text-align:center}.auth-footer p{color:var(--color-text-tertiary);margin:0}.auth-link{color:var(--color-primary);font-weight:500;text-decoration:none}.auth-link:hover{color:var(--color-primary-hover)}.auth-divider{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:.875rem;margin:1.5rem 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid var(--color-border-light);content:"";flex:1 1}.auth-divider:not(:empty):before{margin-right:.75rem}.auth-divider:not(:empty):after{margin-left:.75rem}.google-auth-btn{align-items:center;background-color:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:.375rem;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;justify-content:center;padding:.75rem;transition:background-color .2s;width:100%}.google-auth-btn:hover{background-color:var(--color-btn-ghost-hover)}.google-auth-btn:disabled{cursor:not-allowed;opacity:.7}.google-icon{height:20px;width:20px}.auth-link:hover{color:#c4953a;text-decoration:underline}.form-hint{color:var(--color-text-muted);display:block;font-size:.8125rem;font-style:italic;margin-top:.5rem}.password-requirements{background-color:var(--color-bg-info);border:1px solid var(--color-form-border);border-radius:.375rem;font-size:.875rem;margin-top:.75rem;padding:.75rem}.requirements-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.info-icon{color:var(--color-info)}.requirements-title{color:var(--color-text-secondary);font-weight:500}.requirements-list{color:var(--color-text-tertiary);margin:0;padding-left:1.25rem}.requirements-list li{margin-bottom:.25rem}.auth-form-grid .form-group,.requirements-list li:last-child{margin-bottom:0}.address-section-divider{background:var(--color-border-light);border:none;grid-column:1/-1;height:1px;margin:.5rem 0}@media (min-width:768px){.auth-card{padding:2.5rem}}.add-dependent-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0006,#0009);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.add-dependent-modal-content{animation:slideUp .3s ease-out;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:95vh;max-width:100%;overflow-y:auto;width:100%}.add-dependent-modal-content.large{max-width:56rem}.add-dependent-modal-header{align-items:center;background:var(--gradient-soft);border-bottom:1px solid var(--color-border-subtle);border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;justify-content:space-between;padding:1.5rem;position:relative}.add-dependent-modal-header:after{background:var(--gradient-primary);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.add-dependent-modal-header h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0}.add-dependent-close-btn{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:2.5rem;justify-content:center;padding:0;transition:all var(--transition-fast);width:2.5rem}.add-dependent-close-btn:hover{background:var(--color-bg-secondary);box-shadow:var(--shadow-sm);color:var(--color-primary)}.add-dependent-form{gap:1.25rem;padding:1.5rem}.add-dependent-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:var(--color-text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.025em}.form-group input,.form-group select,.form-group textarea{background:var(--color-bg-primary);border:2px solid var(--color-form-border);border-radius:12px;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.photo-upload{align-items:center;display:flex;gap:.75rem}.photo-preview{border:2px solid #e5e7eb;border-radius:50%;height:4rem;object-fit:cover;width:4rem}.photo-placeholder-large{align-items:center;background-color:#e5e7eb;border-radius:50%;color:#9ca3af;display:flex;font-size:2rem;height:4rem;justify-content:center;width:4rem}.file-input{display:none}.upload-btn{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s}.upload-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.form-actions{border-top:1px solid #e5e7eb;gap:.75rem;padding-top:1rem}.form-actions .btn{flex:1 1}@media (max-width:640px){.add-dependent-modal-overlay{padding:.5rem}.add-dependent-modal-content{max-height:95vh}.photo-upload{align-items:flex-start;gap:.5rem}.form-actions,.photo-upload{flex-direction:column}.form-actions .btn{width:100%}}.photo-preview-wrapper{margin-top:10px;text-align:center}.photo-preview-below{border-radius:10px;box-shadow:0 2px 8px #00000040;max-height:150px;max-width:150px;object-fit:cover}.error-text{color:#dc2626;font-size:.75rem}.success-message{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;border-radius:12px;color:#166534;text-align:center}.error-message,.success-message{font-size:.875rem;font-weight:600;margin:1rem 0;padding:1rem}.error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:12px;color:#dc2626}.camera-preview,.scan-options{gap:10px;margin-top:10px}.camera-preview{align-items:center;display:flex;flex-direction:column}.camera-preview video{border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a}.camera-controls{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;width:100%}.switch-camera-btn{align-items:center;display:flex;gap:.5rem}.scan-options{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.scan-instructions{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:8px;color:#1e40af;font-size:.875rem;font-weight:600;padding:.75rem 1rem;text-align:center}.barid-input{align-items:center;display:flex;gap:.75rem}.barid-input input{flex:1 1}.full-width{grid-column:1/-1}.grid-form{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;padding:30px}.form-group.photo-section,.form-group.qr-section{display:flex;flex-direction:column;gap:1rem;grid-column:1/-1}.photo-qr-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:1rem}.photo-section-content,.qr-section-content{display:flex;flex-direction:column;gap:1rem}@media (max-width:1024px){.photo-qr-container{gap:1.5rem;grid-template-columns:1fr}}@media (max-width:768px){.grid-form{grid-template-columns:1fr}.add-dependent-modal-content{max-width:40rem}.add-dependent-modal-content.large{max-width:44rem}}.btn[disabled]{opacity:.9;position:relative}.btn[disabled]:after{animation:spin .8s linear infinite;border:2px solid #93c5fd;border-radius:50%;border-top-color:#3b82f6;content:"";height:16px;margin-top:-8px;position:absolute;right:12px;top:50%;width:16px}.add-dependent-modal-content.submitting{pointer-events:none}.add-dependent-modal-content.submitting .form-actions .btn[disabled]{pointer-events:auto}.custom-dropdown-wrapper{position:relative;width:100%}.custom-dropdown-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;justify-content:space-between;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.custom-dropdown-button:hover{background:#f8fafc;border-color:#cbd5e1}.custom-dropdown-button:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.custom-dropdown-button.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.custom-dropdown-button.error:hover{border-color:#ef4444}.dropdown-chevron{color:#64748b;flex-shrink:0;margin-left:.5rem}.custom-dropdown-menu{animation:slideDown .2s ease-out;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.custom-dropdown-option{border-bottom:1px solid #f1f5f9;color:#374151;cursor:pointer;font-size:.875rem;padding:.75rem 1rem;transition:all .15s ease}.custom-dropdown-option:last-child{border-bottom:none}.custom-dropdown-option:hover{background:#fff7ed;color:#1e293b}.custom-dropdown-option.selected{background:#d7a345;color:#fff;font-weight:600}.custom-dropdown-option.selected:hover{background:#c99538;color:#fff}.add-dependent-modal-overlay .custom-dropdown-menu{z-index:1001}.MuiPickersPopper-root,.MuiPopper-root{z-index:999999!important}.MuiPickersLayout-root{font-family:inherit!important}.custom-datepicker-wrapper{align-items:center;display:flex;position:relative;width:100%}.custom-date-input{appearance:none;-webkit-appearance:none;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#374151;cursor:pointer;font-family:inherit;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.custom-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.custom-date-input::-webkit-calendar-picker-indicator{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.date-icon{color:#64748b;pointer-events:none;position:absolute;right:1rem}.dependent-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:all var(--transition-normal)}.dependent-card:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.dependent-card.guardian-card{border:2px solid var(--color-primary)}.dependent-card.guardian-card:before{background:var(--gradient-primary);content:"";height:6px;left:0;position:absolute;right:0;top:0;z-index:1}.card-actions-overlay{display:flex;gap:8px;position:absolute;right:16px;top:16px;z-index:2}.action-btn{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.action-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);transform:scale(1.05)}.action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.card-profile-section{align-items:flex-start;border-bottom:1px solid var(--color-border-subtle);display:flex;gap:16px;padding:24px}.dependent-photo,.photo-placeholder{border:2px solid var(--color-border-light);border-radius:50%;box-shadow:0 2px 8px var(--color-shadow-medium);flex-shrink:0;height:64px;object-fit:cover;width:64px}.photo-placeholder{align-items:center;background:var(--gradient-accent);color:var(--color-primary);display:flex;justify-content:center}.profile-info{flex:1 1;min-width:0;padding-right:80px}.profile-info h3{color:var(--color-text-primary);display:flex;flex-wrap:wrap;font-size:18px;gap:8px;line-height:1.3;margin:0 0 4px;word-break:break-word}.guardian-badge,.profile-info h3{align-items:center;font-weight:700}.guardian-badge{background:var(--gradient-primary);border-radius:12px;color:var(--color-text-on-primary);display:inline-flex;font-size:10px;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.subtitle{font-size:13px;font-weight:500;margin:0 0 10px}.bar-id-badge,.subtitle{color:var(--color-text-secondary)}.bar-id-badge{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);display:inline-block;font-family:monospace;font-size:12px;font-weight:600;padding:4px 10px}.card-contact-section{background:var(--color-card-bg);flex-grow:1;padding:16px 24px}.contact-item{align-items:flex-start;color:var(--color-text-secondary);display:flex;font-size:13px;gap:10px;margin-bottom:8px}.contact-item:last-child{margin-bottom:0}.contact-icon{flex-shrink:0;margin-top:2px}.contact-icon,.notes-text{color:var(--color-text-secondary)}.notes-text{font-style:italic}.card-status-footer{align-items:center;background:var(--color-card-bg);border-top:1px solid var(--color-bg-secondary);display:flex;justify-content:flex-start;padding:16px 24px}.status{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.status.assigned{background:var(--color-status-assigned);color:var(--color-text-primary)}.status.pending{background:var(--color-status-pending);color:var(--color-text-primary)}@media (max-width:768px){.card-profile-section{padding:16px;text-align:center}.card-profile-section,.profile-info{align-items:center;flex-direction:column}.profile-info{display:flex;padding-right:0}.profile-info h3{justify-content:center}.card-actions-overlay{right:12px;top:12px}}.modal-overlay{background-color:#0009;background-color:var(--color-modal-backdrop,#0009);bottom:0;left:0;padding:20px;right:0;top:0;z-index:1000}.member-details-modal{background:#fff;background:var(--color-bg-card,#fff);border:1px solid #0000001a;border:1px solid var(--color-border-subtle,#0000001a);border-radius:20px;border-radius:var(--radius-xl,20px);box-shadow:0 25px 80px #00000040;box-shadow:var(--shadow-xl,0 25px 80px #00000040);display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:95%}.modal-header{background:var(--color-primary);color:#fff;flex-shrink:0;padding:20px 30px}.modal-header h3{color:#fff;font-size:24px;font-weight:600;margin:0}.close-btn{background:#fff3;border-radius:8px;color:#fff;padding:8px;transition:all .2s}.close-btn:hover{background:#ffffff4d}.modal-content{flex:1 1;overflow-y:auto;padding:30px}.member-header{align-items:center;border-bottom:2px solid var(--color-bg-secondary);display:flex;gap:20px;margin-bottom:30px;padding-bottom:20px}.member-image{flex-shrink:0}.member-image img{border:4px solid var(--color-primary);border-radius:50%;height:100px;object-fit:cover;width:100px}.image-placeholder{align-items:center;background:var(--color-bg-secondary);border:4px solid var(--color-border-light);border-radius:50%;color:var(--color-text-secondary);display:flex;height:100px;justify-content:center;width:100px}.member-basic-info{flex:1 1}.member-basic-info h2{color:var(--color-text-primary);font-size:28px;margin:0 0 10px}.member-meta{align-items:center;display:flex;gap:15px}.bar-id{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:8px;color:var(--color-text-secondary)}.bar-id,.status-badge{font-size:14px;padding:6px 12px}.status-badge{background:var(--color-primary);border-radius:8px;color:#fff}.info-sections{display:flex;flex-direction:column;gap:25px}.info-section{background:var(--color-bg-secondary);border-left:4px solid var(--color-primary);border-radius:12px;padding:20px}.info-section h4{color:var(--color-primary);font-size:18px;font-weight:600;margin:0 0 15px}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.info-item{display:flex;flex-direction:column;gap:4px}.info-item.full-width{grid-column:1/-1}.info-label{color:#495057;font-size:14px;font-weight:600}.info-value{color:#212529;font-weight:500}.error-message{background:#f8d7da;border-radius:6px;color:#dc3545;grid-column:1/-1;padding:10px;text-align:center}@media (max-width:768px){.modal-overlay{padding:10px}.member-details-modal{max-height:95vh;width:100%}.modal-header{padding:15px 20px}.modal-content{padding:20px}.member-header{flex-direction:column;gap:15px;text-align:center}.member-meta{justify-content:center}.info-grid{grid-template-columns:1fr}.info-section{padding:15px}}.qr-scanner-modal-overlay{align-items:center;background-color:var(--color-modal-backdrop);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:var(--z-modal)}.qr-scanner-modal-content{background-color:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:28rem;overflow-y:auto;width:100%}.qr-scanner-modal-header{align-items:center;border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;padding:1rem}.qr-scanner-modal-header h2{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0}.qr-scanner-close-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:0;transition:all var(--transition-fast);width:2rem}.qr-scanner-close-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-primary)}.qr-scanner-modal-body{padding:1rem}.qr-scanner-scan-info{color:var(--color-text-tertiary);font-size:.875rem;margin-bottom:1rem}.qr-scanner-scan-info strong{color:var(--color-text-primary)}.qr-scanner-error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-bottom:1rem;padding:.75rem}.qr-scanner-error-message p{color:var(--color-error);font-size:.875rem;margin:0}.qr-scanner-camera-section{margin-bottom:1rem}.qr-scanner-camera-container{aspect-ratio:4/3;background-color:var(--color-bg-secondary);border-radius:.5rem;margin-bottom:.75rem;overflow:hidden;position:relative}.qr-scanner-camera-video{height:100%;object-fit:cover;width:100%}.qr-scanner-scanner-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.qr-scanner-scanner-frame{border:2px solid #3b82f6;border-radius:.5rem;height:12rem;position:relative;width:12rem}.qr-scanner-scanner-corner{border:4px solid #3b82f6;height:1.5rem;position:absolute;width:1.5rem}.qr-scanner-scanner-corner.top-left{border-bottom:none;border-right:none;left:-2px;top:-2px}.qr-scanner-scanner-corner.top-right{border-bottom:none;border-left:none;right:-2px;top:-2px}.qr-scanner-scanner-corner.bottom-left{border-right:none;border-top:none;bottom:-2px;left:-2px}.qr-scanner-scanner-corner.bottom-right{border-left:none;border-top:none;bottom:-2px;right:-2px}.qr-scanner-camera-switch-btn{align-items:center;background-color:#0009;border:none;border-radius:50%;cursor:pointer;display:flex;height:3rem;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background-color .2s;width:3rem;z-index:10}.qr-scanner-camera-switch-btn:hover{background-color:#000c}.qr-scanner-camera-switch-btn svg{stroke-width:2;color:#fff}.qr-scanner-simulate-btn{align-items:center;display:flex;gap:.5rem;justify-content:center;width:100%}.qr-scanner-manual-entry{border-top:1px solid var(--color-border-light);padding-top:1rem}.qr-scanner-manual-entry h3{color:var(--color-text-primary);font-weight:500;margin-bottom:.5rem}.qr-scanner-manual-entry form{display:flex;flex-direction:column;gap:.75rem}.qr-scanner-manual-input{border:1px solid var(--color-input-border);border-radius:.375rem;font-size:1rem;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s;width:100%}.qr-scanner-manual-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.qr-scanner-manual-submit{width:100%}@media (max-width:640px){.qr-scanner-modal-overlay{padding:.5rem}.qr-scanner-modal-content{max-height:95vh}.qr-scanner-scanner-frame{height:10rem;width:10rem}.qr-scanner-scanner-corner{height:1.25rem;width:1.25rem}}.logout-modal-overlay{align-items:center;background-color:var(--color-modal-backdrop);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:var(--z-modal)}.logout-modal-content{background-color:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:24rem;width:100%}.logout-modal-header{align-items:center;border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;padding:1rem}.logout-modal-header h2{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0}.logout-close-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:0;transition:all var(--transition-fast);width:2rem}.logout-close-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-primary)}.logout-modal-body{color:var(--color-text-secondary);font-size:1.05rem;padding:1.5rem 1rem;text-align:center}.logout-modal-actions{border-top:1px solid var(--color-border-subtle);display:flex;gap:1rem;justify-content:flex-end;padding:1rem}.logout-modal-actions button{min-width:5rem}.additional-info-modal-overlay{align-items:center;animation:fadeIn var(--transition-normal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--color-modal-backdrop);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:var(--z-modal)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.additional-info-modal{animation:slideUp .35s cubic-bezier(.16,1,.3,1);background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:700px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:var(--gradient-soft);border-bottom:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;display:flex;justify-content:space-between;padding:1.5rem 2rem;position:relative}.modal-header:after{background:var(--gradient-primary);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.modal-header h2{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.375rem;font-weight:700;gap:.75rem;margin:0}.header-icon{color:var(--color-primary-light)}.close-btn{align-items:center;background:var(--color-bg-secondary);border:none;border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:all var(--transition-fast);width:2.5rem}.close-btn:hover{background:var(--color-primary-lighter);color:var(--color-primary);transform:scale(1.05)}.modal-form{padding:2rem}.form-section{margin-bottom:2rem}.section-title{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);gap:.5rem;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.section-divider{background:var(--gradient-soft);height:1px;margin:2rem 0}.form-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.form-grid .full-width{grid-column:1/-1}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.025em}.form-field input,.form-field textarea{background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-base);padding:.875rem 1rem;transition:all var(--transition-fast)}.form-field input:focus,.form-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #f973161a;outline:none}.form-field textarea{min-height:80px;resize:vertical}.dropdown-wrapper{position:relative;width:100%}.dropdown-button{align-items:center;background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:var(--radius-lg);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);justify-content:space-between;padding:.875rem 1rem;text-align:left;transition:all var(--transition-fast);width:100%}.dropdown-button:hover{background:var(--color-bg-secondary);border-color:var(--color-border-accent)}.dropdown-button:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #f973161a;outline:none}.dropdown-chevron{color:var(--color-text-muted);transition:transform .2s ease}.dropdown-chevron.open{transform:rotate(180deg)}.dropdown-menu{animation:slideDown .2s ease-out;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:0;max-height:220px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 6px);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-option{border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:.875rem 1rem;transition:all var(--transition-fast)}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:var(--color-bg-secondary);color:var(--color-primary)}.dropdown-option.selected{color:var(--color-text-on-primary)}.dropdown-option.selected,.dropdown-option.selected:hover{background:var(--gradient-primary)}.parvani-section{background:var(--gradient-soft);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:1.5rem}.parvani-icon{color:var(--color-primary)}.parvani-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.parvani-subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0 0 1.25rem}.parvani-list{display:flex;flex-direction:column;gap:.875rem}.parvani-item{align-items:flex-start;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);display:flex;gap:.875rem;padding:1rem;transition:all var(--transition-fast)}.parvani-item:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-sm)}.parvani-fields{grid-gap:.875rem;display:grid;flex:1 1;gap:.875rem;grid-template-columns:1fr 1fr}.parvani-field label{color:var(--color-text-muted);display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:.375rem;text-transform:uppercase}.parvani-field input{border:2px solid var(--color-input-border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);padding:.625rem .75rem;transition:all var(--transition-fast);width:100%}.parvani-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #f973161a;outline:none}.remove-parvani-btn{align-items:center;background:var(--color-error-light);border:none;border-radius:var(--radius-lg);color:var(--color-error);cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;margin-top:1.375rem;transition:all var(--transition-fast);width:42px}.remove-parvani-btn:hover{background:var(--color-error);color:var(--color-text-on-primary);transform:scale(1.05)}.add-parvani-btn{align-items:center;background:var(--color-bg-card);border:2px dashed var(--color-border-default);border-radius:var(--radius-lg);color:var(--color-primary);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:.5rem;justify-content:center;margin-top:.875rem;padding:.875rem 1.25rem;transition:all var(--transition-fast)}.add-parvani-btn:hover{background:var(--color-primary-lighter);border-color:var(--color-primary);color:var(--color-primary-dark)}.parvani-placeholder{align-items:center;background:var(--color-bg-secondary);border:2px dashed var(--color-border-default);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;padding:2.5rem 1.5rem;text-align:center}.parvani-placeholder .placeholder-icon{color:var(--color-primary);margin-bottom:1rem;opacity:.6}.parvani-placeholder p{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 .5rem}.parvani-placeholder span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.mui-date-picker .MuiOutlinedInput-root{background:var(--color-input-bg);border-radius:var(--radius-md);font-family:inherit}.mui-date-picker .MuiOutlinedInput-root fieldset{border-color:var(--color-input-border);border-radius:var(--radius-md);border-width:2px}.mui-date-picker .MuiOutlinedInput-root:hover fieldset{border-color:var(--color-border-accent)}.mui-date-picker .MuiOutlinedInput-root.Mui-focused fieldset{border-color:var(--color-primary);border-width:2px}.mui-date-picker .MuiInputBase-input{cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);padding:.625rem .75rem}.success-message{background:var(--color-success-light);border:2px solid var(--color-success);border-radius:var(--radius-lg);color:var(--color-success)}.error-message,.success-message{align-items:center;animation:slideIn .3s ease-out;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.error-message{background:var(--color-error-light);border:2px solid var(--color-error);border-radius:var(--radius-lg);color:var(--color-error)}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.form-actions{border-top:1px solid var(--color-border-subtle);display:flex;gap:1rem;margin-top:1rem;padding-top:1.5rem}.modal-btn{align-items:center;border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all var(--transition-fast)}.modal-btn-outline{background:var(--color-bg-card);border:2px solid var(--color-border-default);color:var(--color-text-secondary)}.modal-btn-outline:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-border-accent);color:var(--color-primary)}.modal-btn-primary{background:var(--gradient-primary);border:none;box-shadow:var(--shadow-button);color:var(--color-text-on-primary)}.modal-btn-primary:hover:not(:disabled){background:var(--gradient-primary);box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.modal-btn:disabled{cursor:not-allowed;opacity:.6}.modal-btn-primary:disabled{position:relative}.modal-btn-primary:disabled:after{animation:spin .8s linear infinite;border:2px solid #fff6;border-radius:50%;border-top:2px solid var(--color-text-on-primary);content:"";height:16px;margin-top:-8px;position:absolute;right:12px;top:50%;width:16px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:640px){.additional-info-modal-overlay{padding:.5rem}.modal-header{padding:1.25rem}.modal-header h2{font-size:1.125rem}.modal-form{padding:1.25rem}.form-grid{gap:1rem}.form-grid,.parvani-fields{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{width:100%}.parvani-section{padding:1rem}}.additional-info-modal::-webkit-scrollbar{width:8px}.additional-info-modal::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.additional-info-modal::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-sm)}.additional-info-modal::-webkit-scrollbar-thumb:hover{background:var(--color-border-accent)}.MuiPickersPopper-root{z-index:10000!important}.dashboard-page{background:linear-gradient(#fff7ed99,#fef3e2b3),url(/static/media/cIzqW.0a0c6a823c2f89f2d96d.jpg);background-attachment:fixed;background-position:50%;background-size:cover;min-height:100vh}.container{margin:0 auto;max-width:1280px;padding:0}.dashboard-header{background:var(--color-bg-card);border-bottom:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm)}.dashboard-main{padding:2rem 0}.guardian-info{background-color:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem}.guardian-info-header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.btn-add-info{align-items:center;background-color:var(--color-bg-card);border:2px solid var(--color-primary);border-radius:var(--radius-lg);color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:.5rem;padding:.5rem 1rem;transition:all var(--transition-fast);white-space:nowrap}.btn-add-info:hover{background-color:var(--color-primary);color:var(--color-text-light)}.guardian-details h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin:0}.guardian-details p{color:var(--color-text-tertiary);margin:0}.guardian-code{color:var(--color-text-primary);font-family:Courier New,monospace;font-weight:600}.stats{display:flex;gap:1rem}.stat{align-items:center;display:flex;font-size:.875rem;gap:.25rem}.stat,.stat-icon{color:var(--color-text-tertiary)}.stat-icon{font-size:1rem}.family-section,.qr-lookup-section{background-color:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin-bottom:2rem;padding:1.5rem}.qr-lookup-section{border-left:4px solid var(--color-primary)}.section-description{color:var(--color-text-tertiary);font-size:.875rem;line-height:1.5;margin:.75rem 0 0}.section-header{justify-content:space-between;margin-bottom:1rem}.section-header h3{font-size:1.125rem}.empty-state{padding:3rem 1rem;text-align:center}.empty-icon{color:var(--color-text-muted);font-size:3rem;margin-bottom:1rem}.empty-state h4{color:var(--color-text-primary);font-size:1.125rem;font-weight:500;margin:0 0 .5rem}.empty-state p{color:var(--color-text-tertiary);margin:0 0 1rem}.dependents-grid{grid-gap:1rem;display:grid;gap:1rem}.safety-tips{background-color:var(--color-safety-bg);border:1px solid var(--color-safety-border);border-radius:.5rem;padding:1.5rem}.safety-tips h3{color:var(--color-safety-title);font-size:1.125rem;font-weight:600;margin:0 0 .75rem}.safety-tips ul{list-style:none;margin:0;padding:0}.safety-tips li{color:var(--color-safety-text);margin-bottom:.5rem}.safety-tips li:last-child{margin-bottom:0}@media (min-width:768px){.dependents-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.dependents-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:639px){.guardian-info{flex-direction:column;gap:1rem}.guardian-info-header{align-items:flex-start;flex-direction:column;gap:.75rem}.btn-add-info{width:100%}.btn-add-info,.stats{justify-content:center}.section-header{align-items:stretch;flex-direction:column;gap:1rem}.section-header .btn{width:100%}}.modal-overlay{align-items:center;background-color:var(--color-modal-backdrop);display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-modal)}.modal{background-color:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:400px;padding:2rem;width:90%}.modal h3{color:var(--color-text-primary);font-size:1.25rem;margin:0 0 1rem}.modal input{border:1px solid var(--color-input-border);border-radius:.375rem;font-size:1rem;margin-bottom:1rem;padding:.5rem 1rem;width:100%}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.message.success{color:var(--color-success);margin-bottom:.75rem}.message.error{color:var(--color-error);margin-bottom:.75rem}.header-content{gap:1rem}.header-buttons{gap:.5rem}.header-buttons .desktop-switcher,.logo-mobile-switcher{display:block}@media (min-width:768px){.logo-mobile-switcher{display:none}}@media (max-width:767px){.header-buttons .desktop-switcher{display:none}}.qr-lookup-page{background:var(--gradient-hero);min-height:100vh}.header{background-color:#fff;box-shadow:var(--shadow-sm)}.header-content{padding:1rem 0}.logo{color:inherit;gap:.5rem;text-decoration:none}.logo-icon{font-size:2rem}.header-actions{display:flex;gap:.75rem}.main-content{padding:3rem 0}.lookup-header{margin-bottom:2rem;text-align:center}.lookup-icon{color:var(--color-primary);font-size:4rem;margin-bottom:1rem}.lookup-header h2{color:var(--color-text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.lookup-header p{color:var(--color-text-tertiary);margin:0}.lookup-form-container{background-color:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:2rem;padding:2rem}.lookup-form{display:flex;flex-direction:column;gap:1rem}.input-with-button{display:flex;gap:.75rem}.qr-input{border:1px solid var(--color-input-border);border-radius:.375rem;flex:1 1;font-size:1rem;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s}.qr-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #d7a3451a;outline:none}.lookup-submit{align-items:center;display:flex;gap:.5rem;justify-content:center;width:100%}.lookup-result{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #bbf7d0;border-radius:16px;box-shadow:0 8px 25px #22c55e1a;margin-top:2rem;overflow:hidden;padding:2rem;position:relative}.lookup-result:before{background:linear-gradient(90deg,#22c55e,#16a34a,#15803d);content:"";height:4px;left:0;position:absolute;right:0;top:0}.lookup-result h3{align-items:center;color:#166534;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin:0 0 1.5rem}.lookup-result h3:before{content:"✅";font-size:1.25rem}.result-grid{margin-bottom:1.5rem}.result-section{border-radius:12px}.result-section h4{padding-bottom:.5rem}.result-section h4:before{content:"📋";font-size:1rem}.detail-item{border-radius:8px;display:flex}.detail-icon{font-size:1.125rem}.detail-name{font-weight:600;min-width:100px}.detail-name,.detail-text{color:var(--color-text-secondary)}.detail-text{font-size:.875rem;font-weight:500}.guardian-code-display,.qr-code-display{background-color:var(--color-bg-light);border-radius:.25rem;display:inline-block;font-family:Courier New,monospace;font-size:.75rem;margin-top:.25rem;padding:.25rem .5rem}.phone-link{color:#2563eb;text-decoration:none}.phone-link:hover{text-decoration:underline}.result-actions{display:flex;gap:.75rem}.result-actions a{text-decoration:none}.instructions{background-color:var(--color-card-bg);border-radius:.5rem;box-shadow:var(--color-card-shadow);padding:1.5rem}.instructions h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .75rem}.instruction-title{font-weight:500}@media (min-width:640px){.input-with-button,.result-actions{flex-direction:row}}@media (min-width:768px){.result-grid{grid-template-columns:repeat(2,1fr)}.instructions-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:639px){.header-content{flex-direction:column;gap:1rem}.header-actions{justify-content:center;width:100%}.lookup-header h2{font-size:1.5rem}.input-with-button,.result-actions{flex-direction:column}.result-actions .btn{width:100%}}.admin-home-page{background:var(--gradient-hero);min-height:100vh}.admin-header{background-color:var(--color-bg-card);border-bottom:3px solid var(--color-primary);box-shadow:var(--shadow-sm)}.header-content{background-color:#fff;justify-content:space-between;padding:1rem}.header-content,.logo{align-items:center;display:flex}.logo{gap:.75rem}.logo-icon{height:auto;width:40px}.logo h1{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin:0}.admin-badge{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-md);color:var(--color-text-on-primary);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:.25rem;margin-top:.25rem;padding:.25rem .5rem}.header-buttons{align-items:center;display:flex;gap:.75rem}.admin-name{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.admin-main{padding:2rem 0}.admin-info-card{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--color-text-on-primary);display:flex;gap:1.5rem;margin-bottom:2rem;padding:2rem}.admin-icon-wrapper{align-items:center;background:#fff3;border-radius:50%;display:flex;justify-content:center;padding:1rem}.admin-icon{color:#fff}.admin-info-content h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.admin-info-content p{font-size:.875rem;margin:0;opacity:.9}.qr-scanner-section{background-color:var(--color-card-bg);border-left:4px solid var(--color-primary);border-radius:.5rem;box-shadow:var(--color-card-shadow);margin-bottom:2rem;padding:1.5rem}.section-header{align-items:center;display:flex;margin-bottom:1.5rem}.section-header h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.scanner-controls{display:flex;flex-direction:column;gap:1rem}.scan-button{align-items:center;font-size:1rem;justify-content:center;padding:.875rem;width:100%}.manual-entry-form,.manual-entry-section,.scan-button{display:flex;gap:.5rem}.manual-entry-form{width:100%}.manual-input{border:1px solid var(--color-input-border);border-radius:.375rem;flex:1 1;font-size:1rem;padding:.75rem;transition:border-color .2s,box-shadow .2s}.manual-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #d7a3451a;outline:none}.scanned-result{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #bbf7d0;border-radius:1rem;box-shadow:0 8px 25px #22c55e1a;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.scanned-result:before{background:linear-gradient(90deg,#22c55e,#16a34a,#15803d);content:"";height:4px;left:0;position:absolute;right:0;top:0}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.result-header h3{align-items:center;color:#166534;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin:0}.result-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.result-section{background:var(--color-card-bg);border:1px solid var(--color-form-border);border-radius:.75rem;box-shadow:0 2px 8px var(--color-shadow-medium);padding:1.5rem}.result-section h4{align-items:center;border-bottom:2px solid var(--color-form-border);color:var(--color-text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0 0 1rem;padding-bottom:.75rem}.detail-item{grid-gap:.75rem;align-items:center;border-radius:.5rem;display:grid;gap:.75rem;grid-template-columns:auto 1fr 2fr;margin-bottom:.75rem;padding:.5rem;transition:background-color .2s ease}.detail-item:hover{background-color:var(--color-bg-secondary)}.detail-icon{min-width:1.5rem}.detail-icon,.detail-label{color:var(--color-text-secondary)}.detail-label{font-weight:600}.detail-value{color:var(--color-text-secondary);font-weight:500}.status-badge{background:#d1fae5;border-radius:.25rem;color:#065f46;font-size:.875rem;font-weight:600;padding:.25rem .5rem}.instructions-card{background-color:var(--color-card-bg);border-radius:.5rem;box-shadow:var(--color-card-shadow);padding:1.5rem}.instructions-card h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 1rem}.instructions-grid{grid-gap:1rem;display:grid;gap:1rem}.instruction-item{background:var(--color-bg-light);border-radius:.5rem;padding:1rem;text-align:center;transition:background-color .2s}.instruction-item:hover{background:var(--color-bg-secondary)}.instruction-icon{color:var(--color-primary);font-size:2rem;margin-bottom:.5rem}.instruction-title{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.instruction-item p:last-child{color:var(--color-text-tertiary);font-size:.875rem;line-height:1.5;margin:0}@media (min-width:768px){.result-grid{grid-template-columns:repeat(2,1fr)}.instructions-grid{grid-template-columns:repeat(3,1fr)}.manual-entry-form{flex-direction:row}}@media (max-width:639px){.admin-home-page .container{padding:0 1rem}.header-content{flex-direction:column;gap:1rem}.header-buttons{justify-content:center;width:100%}.admin-info-card{flex-direction:column;text-align:center}.scanner-controls{gap:.75rem}.manual-entry-form,.result-header{flex-direction:column}.result-header{align-items:stretch;gap:1rem}.result-header h3{font-size:1.25rem}.detail-item{gap:.5rem;grid-template-columns:1fr}.detail-icon{display:none}.instructions-grid{grid-template-columns:1fr}}.App{min-height:100vh}.form-group{margin-bottom:1rem}.form-group label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;padding:.75rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#d7a345;box-shadow:0 0 0 3px #d7a3451a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.error-text{color:#ef4444;display:block;font-size:.875rem;margin-top:.25rem}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;margin-bottom:1rem;padding:.75rem}.error-message p{color:#dc2626;font-size:.875rem;margin:0}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.375rem;margin-bottom:1rem;padding:.75rem}.success-message p{color:#16a34a;font-size:.875rem;margin:0}.language-switcher{align-items:center;display:flex;gap:.5rem}.language-icon{color:#6b7280}.language-select{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;font-size:.875rem;padding:.375rem .75rem;transition:border-color .2s,box-shadow .2s}.language-select:focus{border-color:#d7a345;box-shadow:0 0 0 3px #d7a3451a;outline:none}.language-select:hover{border-color:#9ca3af}
/*# sourceMappingURL=main.204022bc.css.map*/