@charset "UTF-8";.main{width:100%;min-height:100vh;display:flex;flex-direction:column;background:var(--background);color:var(--black);font-family:Inter,sans-serif}.main__content{flex:1;padding:10px 24px 24px}*{box-sizing:border-box}.header{width:100%;z-index:9999;position:relative;display:flex;align-items:center;justify-content:flex-start;padding:12px 24px;background:var(--white);color:var(--black);box-shadow:var(--shadow-2)}.header__logo{display:flex;align-items:center;gap:8px;margin-right:30px}.header__title{font-weight:700;font-size:1.25rem;color:var(--primary)}.header__nav{display:flex;gap:24px;width:100%}@media (max-width: 768px){.header__nav{display:none;position:absolute;top:60px;left:0;width:100%;background:var(--white);flex-direction:column;gap:12px;padding:12px 0;box-shadow:var(--shadow-2);z-index:9999}.header__nav.open{display:flex}}.header__link{font-weight:500;color:var(--black);text-decoration:none;position:relative;padding-bottom:4px;transition:color .2s ease}.header__link:hover{color:var(--primary)}.header__link--active{font-weight:700;color:var(--primary)}.header__link--active:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:100%;background:var(--primary);border-radius:2px}@media (max-width: 768px){.header__link{padding:8px 16px;width:100%;display:block;text-align:center}}.header__toggle{display:none;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;gap:4px}.header__toggle span{width:24px;height:2px;background:var(--black);transition:all .3s ease}@media (max-width: 768px){.header__toggle{display:flex}}.header__toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.header__toggle.open span:nth-child(2){opacity:0}.header__toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.header .header__toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--black);cursor:pointer;z-index:10000}@media (max-width: 768px){.header .header__toggle{display:flex}}.footer{padding:20px 23px 10px;background:var(--grey-100);color:var(--black);border-top:3px solid var(--grey-300)}.footer__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.footer__top .footer__logo{display:flex;align-items:center;gap:1rem}.footer__top .footer__logo img{width:72px;height:auto}.footer__top .footer__support-btn{display:inline-block;padding:7px;background:var(--blue);color:var(--white);border-radius:4px;font-weight:600;font-size:14px;text-decoration:none;transition:transform .2s ease,background-color .2s ease}.footer__top .footer__support-btn:hover{transform:translateY(-3px);background-color:var(--blue)}.footer__nav{border-top:3px solid rgba(212,224,249,.8);padding-top:10px;padding-bottom:0}.footer__nav-list{display:flex;flex-wrap:wrap;gap:2.2rem;list-style:none;margin:0;padding:0;justify-content:flex-start}.footer__nav-list .footer__nav-link{font-weight:600;color:var(--black);text-decoration:none;font-size:10px;position:relative;transition:all .25s ease;border-top:3px solid transparent;padding-top:4px}.footer__nav-list .footer__nav-link:after{content:"";display:block;width:0;height:3px;background:var(--blue);transition:width .25s ease;position:absolute;bottom:-5px;left:0}.footer__nav-list .footer__nav-link:hover:after{width:100%}.footer__bottom{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.footer__bottom .footer__copy{margin:0;font-size:.95rem;color:#aaa}@media (max-width: 768px){.footer__top,.footer__nav,.footer__bottom{flex-direction:column;align-items:center}.footer__support-btn{margin-top:.8rem}}.index-page{padding:6px 24px 24px}.index-page__title{margin-bottom:0;padding:0;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;margin-top:10px}.index-page__title i{margin-left:8px;font-size:18px}.index-page p.total_price{margin:0 0 10px;font-size:14px;line-height:1.2em;white-space:nowrap;display:flex;flex-direction:column}.index-page p.total_price b{margin-top:3px;font-size:1.1em;color:var(--primary)}.index-page__controls{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap;font-size:10px;align-items:center;padding:0}.index-page__search{padding:4px 8px;border:1px solid #ddd;border-radius:6px;font-size:12px;outline:none;flex:1;min-width:100px;width:100%;height:33px;margin-bottom:20px;z-index:1}.index-page__search:focus{border-color:var(--primary)}.index-page__select{border:none;border-radius:6px;font-size:12px;outline:none;flex:1;min-width:100px;box-shadow:none;background:transparent;position:relative;z-index:7;margin:0}.index-page__table{width:100%;border-collapse:collapse;background:var(--white);box-shadow:var(--shadow-2);border-radius:8px;margin-bottom:16px;font-size:12px;display:block;overflow-y:auto;max-height:60vh}.index-page__table table{width:100%;border-collapse:collapse;table-layout:fixed}.index-page__table thead{position:sticky;top:0;background:var(--white);z-index:5;box-shadow:0 2px 4px #0000000d}.index-page__table th,.index-page__table td{padding:12px 16px;text-align:left;border:none;white-space:normal;width:auto;min-width:9vw;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #f1f1f1}.index-page__table th{border-bottom:1px solid #eee;color:var(--grey-500);font-weight:500;font-size:.97em}.index-page__table tr:hover{background:#f1f1f1}.index-page__table th:nth-child(1),.index-page__table td:nth-child(1){max-width:90px;min-width:90px;width:90px;white-space:nowrap}.index-page__pagination{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}.index-page__page-btn{max-width:80px;background:transparent;color:var(--primary);padding:6px 12px;border:1px solid #ddd;border-radius:6px;background:var(--white);cursor:pointer;transition:all .2s ease}.index-page__page-btn.active{background:transparent;border-color:var(--primary)}.index-page__page-btn:hover{background:#f2f2f2}@media (max-width: 768px){.index-page{padding:12px}.index-page__title{flex-direction:column;align-items:flex-start}.index-page__title i{margin-left:0;margin-top:4px}.index-page p.total_price{font-size:16px}.index-page__controls{gap:8px;flex-direction:column;align-items:stretch}.index-page__search,.index-page__select{width:100%;font-size:13px}.index-page__table th,.index-page__table td{min-width:100px;padding:8px 12px}}.table-row{cursor:pointer}.cell-id{padding:0 0 0 10px;font-size:10px;opacity:.5;white-space:wrap;line-height:1.01em}.cell-title{font-size:1.1em;font-weight:500}.cell-created{font-weight:400}.cell-source{font-weight:500}.action-buttons{margin-top:10px;display:flex;width:100%;flex-direction:row;gap:10px;justify-content:flex-end}.action-buttons button{white-space:nowrap;max-width:200px;font-size:12px;max-height:90px}.btn{padding:4px 8px;border:none;border-radius:4px;cursor:pointer;transition:background .2s ease}.btn.btn-accept{background:var(--green);color:#fff}.btn.btn-accept:hover{background:#0a9b5e}.btn.btn-deny{background:var(--white);border:1px solid var(--red);color:var(--red)}.btn.btn-deny:hover{background:#ffeaea}.modal-textarea{width:100%;min-height:80px;margin-bottom:10px;border:1px solid #ddd;border-radius:6px;padding:8px;font-size:14px}.modal-buttons{display:flex;justify-content:flex-end;gap:10px}.status{width:100%;padding:4px;border-radius:6px;font-weight:600;text-align:center;display:inline-block}.status--approved{background-color:#10b981;color:#fff}.status--denied{background-color:#ef4444;color:#fff}.status--pending{background-color:#f59e0b;color:#fff}.status--new{background-color:#3b82f6;color:#fff}.status--inprogress{background-color:#6366f1;color:#fff}.status--inverification{background-color:#00abff;color:#fff}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:#fff;padding:20px;border-radius:8px;min-width:300px;box-shadow:0 5px 15px #0000004d;animation:scaleIn .3s ease;position:relative}.modal-close{margin-top:15px;padding:8px 12px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.modal-close:hover{background:#0056b3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.card{background:var(--white, #fff);padding:20px 32px;border-radius:16px;box-shadow:0 4px 16px #00000014;width:100%;max-width:360px;display:flex;flex-direction:column;gap:20px;animation:fadeIn .4s ease}.card__title{text-align:center;color:var(--primary, #3c70ca);font-size:1.5rem;margin-bottom:0}.card__content{display:flex;flex-direction:column;gap:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}form.submit-form{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}form.submit-form .form-input{max-width:32%;flex:1 1 32%;min-width:200px}form.submit-form .form-input label{opacity:.3;margin-bottom:0}form.submit-form .form-input textarea{border-radius:10px;border:1px solid var(--grey-300);padding:5px}form.submit-form .form-input.full-width{flex:1 1 100%;max-width:100%;min-width:100%}@media (max-width: 768px){form.submit-form{flex-direction:column;gap:12px;padding-bottom:50vh}form.submit-form .form-input{max-width:100%;flex:1 1 100%;min-width:unset}}.parcel-show{max-width:100%;margin:0 auto;padding:20px;color:#111}.parcel-show h2{padding:0 0 10px;margin:0;border-bottom:1px solid var(--grey-300)}.parcel-show .price{width:120px;display:flex;flex-direction:column;align-items:flex-end}.parcel-show .price .itself{margin:0;font-weight:700;color:var(--blue)}.parcel-show .price p{margin:0;font-size:11px;line-height:1.09em}.parcel-show .price button{padding:10px;white-space:nowrap;font-size:12px;width:160px;margin-bottom:5px}.parcel-show .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:15px 0;font-size:14px}.parcel-show .info-grid>*{display:flex;flex-direction:column;gap:3px;font-weight:400;background:#fefefe;padding:5px;border-radius:10px;transition:transform .3s,box-shadow .3s}.parcel-show .info-grid>*:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0000001a}.parcel-show .parcel-table{width:100%;border-collapse:collapse;margin-top:5px;font-size:14px}.parcel-show .parcel-table th,.parcel-show .parcel-table td{border:1px solid #ddd;padding:10px;text-align:center;transition:background .3s}.parcel-show .parcel-table th{background:#f0f4f8;font-weight:600}.parcel-show .parcel-table tr:nth-child(2n){background:#fafafa}.parcel-show .parcel-table tr:hover{background:#e6f0ff}.parcel-show .stages{display:flex;gap:10px;flex-wrap:wrap;margin-top:0}.parcel-show .stage{padding:12px 18px;border-radius:8px;color:#fff;text-align:center;min-width:160px;transition:transform .2s,opacity .2s}.parcel-show .stage:hover{transform:scale(1.05);opacity:.9}.parcel-show .stage.blue .title{color:var(--white)}.parcel-show .stage.blue{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.parcel-show .stage.green{background:linear-gradient(135deg,#10b981,#34d399)}.parcel-show .stage.gray{background:linear-gradient(135deg,#9ca3af,#d1d5db);color:#333}.parcel-show .stage .title{font-weight:700;font-size:14px;color:var(--primary)}.parcel-show .stage .date{font-size:12px;margin-top:5px;color:#f3f4f6}.parcel-show .error{color:#ef4444;text-align:center;font-weight:500;margin-top:10px}.parcel-timeline{display:flex;align-items:center;overflow-x:auto;padding:10px 0}.parcel-timeline .timeline-item{position:relative;display:flex;flex-direction:column;align-items:center;min-width:160px;padding:10px;border-radius:8px;margin-right:20px;text-align:center;flex-shrink:0;background:#f5f5f5}.parcel-timeline .timeline-item.stage{background:#e6f0ff;color:#1a4b8c}.parcel-timeline .timeline-item.approval{background:#e6ffed;color:#1a8c3a}.parcel-timeline .timeline-item.approval.canceled{background:#f5f5f5;color:#888;opacity:.7}.parcel-timeline .timeline-item.approval.canceled .timeline-title{text-decoration:line-through}.parcel-timeline .timeline-item.denial{background:#ffe6e6;color:#8c1a1a}.parcel-timeline .timeline-item .timeline-icon{font-size:20px;margin-bottom:5px}.parcel-timeline .timeline-item .timeline-title{font-weight:700;margin-bottom:4px;display:flex;justify-content:center;align-items:center;gap:5px}.parcel-timeline .timeline-item .timeline-date{font-size:11px;color:#777}.parcel-timeline .timeline-item .timeline-user{font-size:8px;line-height:1.01em}.parcel-timeline .timeline-item .timeline-user .user-tooltip-container{position:relative;display:inline-block;cursor:pointer}.parcel-timeline .timeline-item .timeline-user .user-tooltip-container .user-short{padding:0;margin:8px 0 0;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;align-content:center}.parcel-timeline .timeline-item .timeline-user .user-tooltip-container .user-short p{margin:0;padding:0;text-align:left}.parcel-timeline .timeline-item .timeline-user .user-tooltip-container .user-short{opacity:.6}.parcel-timeline .timeline-item .timeline-user .user-tooltip-container .user-tooltip-text{visibility:hidden;opacity:0;transition:opacity .2s ease-in-out;position:absolute;bottom:125%;left:50%;transform:translate(-50%);background-color:#222;color:#fff;text-align:center;border-radius:6px;padding:6px 10px;white-space:nowrap;z-index:10;font-size:13px;box-shadow:0 2px 6px #0003}.parcel-timeline .timeline-item .timeline-user .user-tooltip-container .user-tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#222 transparent transparent transparent}.parcel-timeline .timeline-item .timeline-user .user-tooltip-container:hover .user-tooltip-text{visibility:visible;opacity:1}.parcel-timeline .timeline-item .timeline-user .timeline-user{margin-top:4px}.parcel-timeline .timeline-item .timeline-user .timeline-user .user-short{display:flex;align-items:center;font-size:14px;color:#333}.parcel-timeline .timeline-item .timeline-line{position:absolute;top:50%;right:-20px;width:20px;height:2px;background:#ccc;transform:translateY(-50%);z-index:1}.parcel-timeline .timeline-item .tooltip-container{position:relative;display:inline-block;cursor:pointer}.parcel-timeline .timeline-item .tooltip-container .info-icon{font-size:14px;color:inherit}.parcel-timeline .timeline-item .tooltip-container .tooltip-text{visibility:hidden;opacity:0;width:200px;background:#333;color:#fff;text-align:center;border-radius:4px;padding:5px;position:absolute;bottom:125%;left:50%;transform:translate(-50%);transition:opacity .2s;z-index:10;font-size:12px}.parcel-timeline .timeline-item .tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.cost-input{width:120px;padding:4px 6px;border:1px solid var(--border-default);border-radius:6px;font-size:14px;color:var(--text-primary);transition:border-color .2s,box-shadow .2s;text-align:right}.cost-input::placeholder{color:var(--text-muted)}.cost-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 4px #3b82f680}.parcel-items-container .header-with-sum{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:var(--spacing-md)}.parcel-items-container .header-with-sum h2{margin:0}.parcel-items-container .header-with-sum .total-sum{font-size:16px;color:var(--primary);font-weight:700}.parcel-items-container .parcel-table{width:100%;border-collapse:collapse}.parcel-items-container .parcel-table thead th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;background:var(--surface-muted);font-weight:600;font-size:var(--font-size-sm);white-space:nowrap;border-bottom:1px solid var(--border-light)}.parcel-items-container .parcel-table tbody tr{border-bottom:1px solid var(--border-light)}.parcel-items-container .parcel-table tbody tr:hover{background:var(--surface-light)}.parcel-items-container .parcel-table tbody td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);vertical-align:middle}@media (max-width: 768px){.parcel-items-container .header-with-sum{flex-direction:column;align-items:flex-start}.parcel-items-container .parcel-table thead{display:none}.parcel-items-container .parcel-table tbody{display:flex;flex-direction:column;gap:var(--spacing-lg)}.parcel-items-container .parcel-table tbody tr{display:flex;flex-direction:column;background:var(--surface-default);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);gap:var(--spacing-sm)}.parcel-items-container .parcel-table tbody tr:hover{background:var(--surface-default)}.parcel-items-container .parcel-table tbody tr td{display:flex;padding:var(--spacing-xs) 0;border-bottom:none}.parcel-items-container .parcel-table tbody tr td:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);min-width:140px;flex-shrink:0;font-size:var(--font-size-sm)}.parcel-items-container .parcel-table tbody tr td:first-child{font-weight:700;font-size:var(--font-size-lg);color:var(--primary-color);border-bottom:1px solid var(--border-light);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-xs)}.parcel-items-container .parcel-table tbody tr td:first-child:before{content:"№ ";min-width:auto}.parcel-items-container .parcel-table tbody tr td.cost-cell{pointer-events:auto!important}.parcel-items-container .parcel-table tbody tr td.cost-cell .cost-input{width:100px}}@media (max-width: 480px){.parcel-items-container .parcel-table tbody tr td{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.parcel-items-container .parcel-table tbody tr td:before{min-width:auto;margin-bottom:2px}.parcel-items-container .parcel-table tbody tr td:first-child{flex-direction:row}}p.hint{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:12px 0;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-left:4px solid var(--primary, #3c70ca);border-radius:8px;font-size:14px;color:var(--black, #333);box-shadow:0 2px 8px #0000000f}.transportation-show{display:flex;flex-direction:row;gap:var(--spacing-xl)}.transportation-show h2{padding-bottom:20px;border-bottom:1px solid var(--grey-300);display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md)}.transportation-show .form{display:flex;flex-direction:row;flex-wrap:wrap;gap:26px;width:100%}.transportation-show .form--centered{align-items:center;justify-content:center}.transportation-show .form .form-input{display:flex;flex-direction:column;gap:6px;width:30%}.transportation-show .form .form-input.full-width{width:100%}.transportation-show .form .form-input a{position:relative;top:-1px}.transportation-show .form .form-input label{font-size:.9rem;font-weight:500;color:var(--black, #222);margin-bottom:4px}.transportation-show .form .form-input input{padding:10px 12px;border:1px solid var(--grey-300, #ddd);border-radius:8px;font-size:14px;background:var(--white, #fff);color:var(--black, #333);transition:all .2s ease}.transportation-show .form .form-input input:hover{border-color:var(--grey-400, #ccc)}.transportation-show .form .form-input input:focus{outline:none;border-color:var(--primary, #3c70ca);box-shadow:0 0 0 2px #3c70ca26}.transportation-show .form .form-input input::placeholder{color:var(--grey-400, #aaa)}.transportation-show .cards-spacer{display:block;width:40px;flex-shrink:0}.transportation-show .items-table{width:100%;border-collapse:collapse}.transportation-show .items-table thead th{padding:var(--spacing-md);text-align:left;background:var(--surface-muted);font-weight:600;font-size:var(--font-size-sm);border-bottom:1px solid var(--border-light)}.transportation-show .items-table tbody tr{border-bottom:1px solid var(--border-light)}.transportation-show .items-table tbody tr:hover{background:var(--surface-light)}.transportation-show .items-table tbody td{padding:var(--spacing-md);font-size:var(--font-size-base);vertical-align:middle}@media (max-width: 768px){.transportation-show{flex-direction:column;gap:var(--spacing-lg)}.transportation-show .cards-spacer{display:none}.transportation-show h2{font-size:var(--font-size-xl)}.transportation-show h2 button{margin-left:0!important;width:100%;margin-top:var(--spacing-md)}.transportation-show .form{gap:var(--spacing-lg)}.transportation-show .form .form-input{width:100%}.transportation-show .items-table thead{display:none}.transportation-show .items-table tbody{display:flex;flex-direction:column;gap:var(--spacing-lg)}.transportation-show .items-table tbody tr{display:flex;flex-direction:column;background:var(--surface-default);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);gap:var(--spacing-sm)}.transportation-show .items-table tbody tr:hover{background:var(--surface-default)}.transportation-show .items-table tbody tr td{display:flex;padding:var(--spacing-xs) 0;border-bottom:none}.transportation-show .items-table tbody tr td:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);min-width:120px;flex-shrink:0;font-size:var(--font-size-sm)}.transportation-show .items-table tbody tr td:first-child{font-weight:700;font-size:var(--font-size-lg);color:var(--primary-color);border-bottom:1px solid var(--border-light);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-xs)}.transportation-show .items-table tbody tr td:first-child:before{content:"№ ";min-width:auto}}@media (max-width: 480px){.transportation-show .items-table tbody tr td{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.transportation-show .items-table tbody tr td:before{min-width:auto;margin-bottom:2px}.transportation-show .items-table tbody tr td:first-child{flex-direction:row}}.transportation-cars-widget .cars-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.transportation-cars-widget .cars-header h2{font-size:20px;font-weight:600;margin:0}.transportation-cars-widget .cars-header button{max-width:120px;color:#fff;border:none;border-radius:6px;padding:8px 14px;cursor:pointer;transition:background .2s}.transportation-cars-widget .cars-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.transportation-cars-widget .cars-table th,.transportation-cars-widget .cars-table td{padding:10px 8px;border-bottom:1px solid #eee;font-size:14px;text-align:center;vertical-align:middle;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transportation-cars-widget .cars-table th{background-color:#f8f9fb;font-weight:600;color:#444}.transportation-cars-widget .cars-table tr:nth-child(2n){background-color:#fafafa}.transportation-cars-widget .cars-table tr:hover{background-color:#f1f7ff}.transportation-cars-widget .cars-table input{width:100%;max-width:160px;padding:6px 8px;border:1px solid #ccc;border-radius:4px;font-size:14px;box-sizing:border-box;text-align:center}.transportation-cars-widget .cars-table input:focus{outline:none;border-color:#1e88e5;box-shadow:0 0 0 1px #1e88e5}.transportation-cars-widget .cars-table td:last-child{min-width:160px;text-align:center;white-space:nowrap}.transportation-cars-widget .cars-table button{color:#fff;border:none;border-radius:4px;padding:6px 10px;margin:0 4px;cursor:pointer;font-size:13px;transition:background .2s}.transportation-cars-widget .cars-table button:hover{background-color:#1565c0}.transportation-cars-widget .cars-table button.cancel{background-color:#e0e0e0;color:#333}.transportation-cars-widget .cars-table button.cancel:hover{background-color:#ccc}.transportation-cars-widget p{font-size:14px;color:#777}.report-page{padding:32px;background:#f9fafb;color:#222;display:flex;flex-direction:column;align-items:stretch}.report-page__title{font-size:24px;font-weight:700;margin-bottom:24px;color:#111827;width:100%}.report-page__loading{padding:40px;text-align:center;color:#666}.report-cards{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px;width:100%}.report-card{flex:1;min-width:220px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 20px;box-shadow:0 2px 6px #0000000d;transition:transform .2s ease}.report-card:hover{transform:translateY(-2px)}.report-card .label{font-size:14px;color:#6b7280;margin-bottom:8px}.report-card .value{font-size:22px;font-weight:600;color:#1f2937}.report-card .value.primary{color:#2563eb}.report-card .value.success{color:#16a34a}.report-sections{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;width:100%}.report-section{flex:1 1 calc(50% - 10px);background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 2px 6px #0000000d;transition:transform .2s ease}.report-section:hover{transform:translateY(-3px)}.report-section h3{font-size:18px;font-weight:600;margin-bottom:12px;color:#111827}.report-table{width:100%;border-collapse:collapse;font-size:14px;border-radius:8px;overflow:hidden}.report-table th{background:#f3f4f6;font-weight:600;padding:10px;text-align:left;border-bottom:1px solid #e5e7eb}.report-table td{padding:10px;border-bottom:1px solid #f1f1f1}.report-table tr:hover{background:#f9fafb}.report-table tr:last-child td{border-bottom:none}@media (max-width: 1000px){.report-section{flex:1 1 100%}}.report-page{padding:20px}.report-page .download-icon{cursor:pointer;color:#28a745;margin-right:10px}.report-page .download-icon:hover{color:#218838}.report-page .section-controls{display:flex;align-items:center}.report-page .section-controls i{margin-left:10px;cursor:pointer}.report-page .section-controls i:hover{opacity:.7}.report-page .report-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.report-page .report-cards .report-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.report-page .report-cards .report-card .label{font-size:14px;color:#666;margin-bottom:8px}.report-page .report-cards .report-card .value{font-size:24px;font-weight:700}.report-page .report-cards .report-card .value.success{color:#28a745}.report-page .report-cards .report-card .value.primary{color:#007bff}.report-page .report-cards .report-card .value.secondary{color:#6c757d}.report-page .report-cards .report-card .value.info{color:#17a2b8}.report-page .report-cards .report-card .value.warning{color:#ffc107}.report-page .report-cards .report-card .sub-value{font-size:12px;color:#999;margin-top:4px}.report-page .report-sections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.report-page .report-sections-grid .report-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column}.report-page .report-sections-grid .report-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.report-page .report-sections-grid .report-section .section-header h3{margin:0;color:#333;font-size:16px}.report-page .report-sections-grid .report-section .section-header .section-controls{display:flex;gap:10px}.report-page .report-sections-grid .report-section .section-header .section-controls i{font-size:16px;color:#6c757d;cursor:pointer;padding:5px;border-radius:4px;transition:all .2s ease}.report-page .report-sections-grid .report-section .section-header .section-controls i:hover{color:#007bff;background-color:#f8f9fa}.report-page .report-sections-grid .report-section .section-header .section-controls i.fa-table{color:#007bff}.report-page .report-sections-grid .report-section .section-header .section-controls i.fa-chart-bar,.report-page .report-sections-grid .report-section .section-header .section-controls i.fa-chart-pie,.report-page .report-sections-grid .report-section .section-header .section-controls i.fa-chart-line{color:#28a745}.report-page .report-sections-grid .report-section .report-table{width:100%;border-collapse:collapse;flex-grow:1}.report-page .report-sections-grid .report-section .report-table th,.report-page .report-sections-grid .report-section .report-table td{padding:8px 12px;text-align:left;border-bottom:1px solid #ddd;font-size:13px;min-width:150px;white-space:normal;word-wrap:break-word}.report-page .report-sections-grid .report-section .report-table th{background:#f8f9fa;font-weight:600;color:#333}.report-page .report-sections-grid .report-section .report-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.report-page .report-sections-grid .report-section .report-table th.sortable:hover{background-color:#e9ecef}.report-page .report-sections-grid .report-section .report-table th.sortable i{margin-left:5px;font-size:12px;color:#6c757d}.report-page .report-sections-grid .report-section .report-table tr:hover{background:#f5f5f5}.report-page .report-sections-grid .report-section .chart-container{height:300px;width:100%;position:relative;flex-grow:1}.report-page .report-page__loading{text-align:center;padding:40px;font-size:18px;color:#666}@media (max-width: 1024px){.report-page .report-sections-grid{grid-template-columns:1fr;gap:15px}}@media (max-width: 768px){.report-page{padding:10px}.report-page .report-cards{grid-template-columns:1fr;gap:15px}.report-page .report-sections-grid .report-section{padding:15px}.report-page .report-sections-grid .report-section .section-header{flex-direction:column;align-items:flex-start;gap:10px}.report-page .report-sections-grid .report-section .section-header .section-controls{align-self:stretch;justify-content:flex-end}.report-page .report-sections-grid .report-section .chart-container{height:250px}}.parcels-map-container{width:100%;height:350px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;background:#fff;border:1px solid #e0e0e0;transition:box-shadow .3s ease}.parcels-map-container:hover{box-shadow:0 6px 16px #0000001f}.parcels-map{width:100%;height:100%;cursor:pointer}.parcels-map-loading,.parcels-map-error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:16px;color:#666;background:#f9f9f9}.parcels-map-error{color:#d32f2f}.users-page__loading,.users-page__notfound{padding:2rem;font-size:1.2rem;color:#666}.users-page__list{padding:2.5rem;max-width:900px;margin:0 auto}.users-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.users-page__header h2{font-size:2rem;font-weight:700}.users-page__empty{color:#999;font-size:1rem}.users-page__items{list-style:none;padding:0;margin:0;border:1px solid #ddd;border-radius:8px;overflow:hidden}.users-page__item{padding:1rem;border-bottom:1px solid #ddd;cursor:pointer;transition:background .2s}.users-page__item:hover{background:#f9f9f9}.users-page__item>.users-page__name{font-weight:600}.users-page__item>.users-page__email{font-size:.9rem;color:#555}.users-page__item>.users-page__created{font-size:.8rem;color:#999}.users-page__details{padding:2.5rem;max-width:700px;margin:20px auto;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014}.users-page__details-header{display:flex;justify-content:space-between;align-items:center;align-content:center;margin-bottom:2rem}.users-page__details-header h2{font-size:2rem;font-weight:700}.users-page__details-header .users-page__back{font-size:.9rem;color:#007bff;text-decoration:none}.users-page__details-header .users-page__back:hover{text-decoration:underline}.users-page__details-grid{display:grid;grid-template-columns:1fr 2fr;gap:.5rem 1rem;font-size:1rem;color:#333}.users-page__field-label{font-weight:600;color:#666}.users-page__field-value{word-break:break-word}.users-page__form{max-width:600px;margin:2.5rem auto;margin-top:10px;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014}.users-page__form h2{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.users-page__form form{display:flex;flex-direction:column}.users-page__form form label{display:flex;flex-direction:column;margin-bottom:1rem;font-weight:500}.users-page__form form label input,.users-page__form form label select{margin-top:.3rem;padding:.5rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}.users-page__form form button{margin-top:1rem;padding:.7rem 1.2rem;font-size:1rem;font-weight:600;color:#fff;background:#28a745;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.users-page__form form button:hover:not(:disabled){background:#218838}.users-page__form form button:disabled{background:#94d3a2;cursor:not-allowed}.users-page__form__error{margin-bottom:1rem;color:#d93025;font-weight:500}.mission-form{max-height:80vh;overflow-y:auto}.mission-form__title{margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-2xl)}.mission-form__section{margin-bottom:var(--spacing-xl)}.mission-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media (max-width: 600px){.mission-form__row{grid-template-columns:1fr}}.mission-form .form-input{margin-bottom:var(--spacing-lg)}.mission-form .form-input.full-width{grid-column:1/-1}.mission-form .form-input label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;font-size:var(--font-size-base)}.mission-form .form-input label .required{color:var(--red)}.mission-form .form-input input,.mission-form .form-input textarea{width:100%;padding:var(--spacing-md) 12px;border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color .2s}.mission-form .form-input input:focus,.mission-form .form-input textarea:focus{outline:none;border-color:var(--primary-color)}.mission-form .form-input textarea{resize:vertical;min-height:80px}.mission-form .form-input .existing-file{margin:var(--spacing-xs) 0;font-size:var(--font-size-sm)}.mission-form .form-input .existing-file a{color:var(--primary-color);text-decoration:none}.mission-form .form-input .existing-file a:hover{text-decoration:underline}.mission-form .form-input .existing-file a i{margin-right:var(--spacing-xs);color:var(--red)}.mission-form .form-input .selected-file{margin:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--green)}.mission-form__buttons{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-light)}.mission-form__buttons button{padding:12px 24px;border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;transition:all .2s}.mission-form__buttons button:disabled{opacity:.6;cursor:not-allowed}.mission-form__buttons .btn-cancel{background:var(--surface-muted);border:1px solid var(--border-default);color:var(--text-primary)}.mission-form__buttons .btn-cancel:hover:not(:disabled){background:var(--surface-hover)}.mission-form__buttons .btn-submit{background:var(--primary-color);border:none;color:var(--text-inverse)}.mission-form__buttons .btn-submit:hover:not(:disabled){background:var(--primary-color-dark)}.shifts-form{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-light)}.shifts-form__title{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-lg)}.shifts-form__shift{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);background:var(--surface-light);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.shifts-form__shift-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.shifts-form__shift-number{font-weight:600;font-size:var(--font-size-base);color:var(--primary-color)}.shifts-form__remove-btn{padding:var(--spacing-xs) var(--spacing-md);background:none;border:1px solid var(--red);color:var(--red);border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s}.shifts-form__remove-btn:hover{background:var(--red);color:var(--text-inverse)}.shifts-form__remove-btn i{margin-right:var(--spacing-xs)}.shifts-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media (max-width: 600px){.shifts-form__row{grid-template-columns:1fr}}.shifts-form__row .form-input{margin-bottom:var(--spacing-md)}.shifts-form__row .form-input label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;font-size:var(--font-size-sm)}.shifts-form__row .form-input label .required{color:var(--red)}.shifts-form__row .form-input input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--font-size-base)}.shifts-form__row .form-input input:focus{outline:none;border-color:var(--primary-color)}.shifts-form__add-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--surface-muted);border:1px dashed var(--border-dark);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);transition:all .2s;width:100%;justify-content:center}.shifts-form__add-btn:hover{background:var(--surface-hover);border-color:var(--primary-color);color:var(--primary-color)}.shifts-form__add-btn i{font-size:var(--font-size-base)}.missions-index{padding:var(--spacing-xl)}.missions-index__title{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.missions-index__add-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--primary-color);color:var(--text-inverse);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);transition:background .2s}.missions-index__add-btn:hover{background:var(--primary-color-dark)}.missions-index__add-btn i{font-size:var(--font-size-lg)}.missions-index__search{width:100%;max-width:400px;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-default);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);font-size:var(--font-size-base)}.missions-index__search:focus{outline:none;border-color:var(--primary-color)}.missions-index__table{width:100%;border-collapse:collapse;background:var(--surface-default);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 8px #0000001a}.missions-index__table thead{background:var(--surface-muted);position:sticky;top:0}.missions-index__table thead th{padding:12px var(--spacing-lg);text-align:left;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.missions-index__table thead th:hover{background:var(--surface-hover)}.missions-index__table tbody tr{border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .2s}.missions-index__table tbody tr:hover{background:var(--surface-light)}.missions-index__table tbody tr:last-child{border-bottom:none}.missions-index__table tbody td{padding:12px var(--spacing-lg);font-size:var(--font-size-base)}.missions-index__table tbody td .phone{color:var(--text-secondary);font-size:var(--font-size-xs)}.missions-index__pagination{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-xl);justify-content:center;flex-wrap:wrap}.missions-index__page-btn{padding:var(--spacing-sm) 12px;border:1px solid var(--border-default);background:var(--surface-default);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.missions-index__page-btn:hover{background:var(--surface-muted)}.missions-index__page-btn.active{background:var(--primary-color);color:var(--text-inverse);border-color:var(--primary-color)}.missions-index.error{color:var(--red);text-align:center;padding:40px}@media (max-width: 768px){.missions-index__title{flex-direction:column;align-items:flex-start}.missions-index__add-btn{width:100%;justify-content:center}.missions-index__search{max-width:100%}.missions-index__table{display:block;overflow-x:auto}}.import-volunteers-modal{max-height:80vh;overflow-y:auto}.import-volunteers-modal h3{margin:0 0 var(--spacing-xl) 0}.import-volunteers-modal h4{margin:var(--spacing-xl) 0 var(--spacing-md) 0}.import-volunteers-modal .import-actions{margin-bottom:var(--spacing-lg)}.import-volunteers-modal .btn-template{padding:var(--spacing-md) var(--spacing-xl);background:var(--surface-muted);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base)}.import-volunteers-modal .btn-template:hover{background:var(--surface-hover)}.import-volunteers-modal .btn-template i{margin-right:var(--spacing-sm)}.import-volunteers-modal .upload-zone{padding:var(--spacing-2xl);border:2px dashed var(--border-default);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all .2s}.import-volunteers-modal .upload-zone:hover{border-color:var(--primary-color);background:var(--surface-light)}.import-volunteers-modal .upload-zone i{font-size:40px;color:var(--green);display:block;margin-bottom:var(--spacing-md)}.import-volunteers-modal .preview-table-wrapper{max-height:300px;overflow:auto;border:1px solid var(--border-default);border-radius:var(--radius-md)}.import-volunteers-modal .preview-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.import-volunteers-modal .preview-table th,.import-volunteers-modal .preview-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-light);text-align:left;white-space:nowrap}.import-volunteers-modal .preview-table th{background:var(--surface-muted);font-weight:600;position:sticky;top:0}.import-volunteers-modal .modal-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-light)}.import-volunteers-modal .btn-cancel,.import-volunteers-modal .btn-confirm{padding:12px 24px;border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer}.import-volunteers-modal .btn-cancel{background:var(--surface-muted);border:1px solid var(--border-default);color:var(--text-primary)}.import-volunteers-modal .btn-cancel:hover{background:var(--surface-hover)}.import-volunteers-modal .btn-confirm{background:var(--primary-color);border:none;color:var(--text-inverse)}.import-volunteers-modal .btn-confirm:hover:not(:disabled){background:var(--primary-color-dark)}.import-volunteers-modal .btn-confirm:disabled{opacity:.6;cursor:not-allowed}.mission-show{padding:var(--spacing-xl)}.mission-show .breadcrumbs{margin-bottom:var(--spacing-xl);font-size:var(--font-size-base)}.mission-show .breadcrumbs a{color:var(--primary-color);text-decoration:none}.mission-show .breadcrumbs a:hover{text-decoration:underline}.mission-show .breadcrumbs .separator{color:var(--text-muted)}.mission-show .breadcrumbs .current{color:var(--text-secondary)}.mission-show__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.mission-show__header h2{margin:0;flex:1}.mission-show__actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.mission-show__actions button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;transition:all .2s}.mission-show__actions button i{font-size:var(--font-size-base)}.mission-show__actions .btn-edit{background:var(--primary-color);border:none;color:var(--text-inverse)}.mission-show__actions .btn-edit:hover{background:var(--primary-color-dark)}.mission-show__actions .btn-import{background:var(--green);border:none;color:var(--text-inverse)}.mission-show__actions .btn-import:hover{background:var(--green-600)}.mission-show__info .info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}@media (max-width: 768px){.mission-show__info .info-grid{grid-template-columns:1fr}}.mission-show__info .info-grid .info-item{display:flex;flex-direction:column;gap:4px}.mission-show__info .info-grid .info-item.full-width{grid-column:1/-1}.mission-show__info .info-grid .info-item .label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.mission-show__info .info-grid .info-item .value{font-size:var(--font-size-md);color:var(--text-primary)}.mission-show__info .info-grid .info-item .value.link{color:var(--primary-color);text-decoration:none}.mission-show__info .info-grid .info-item .value.link:hover{text-decoration:underline}.mission-show__info .info-grid .info-item .value.link i{margin-right:var(--spacing-xs);color:var(--red)}.mission-show__info .shifts-info{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-light)}.mission-show__info .shifts-info h4{margin:0 0 var(--spacing-lg) 0}.mission-show__info .shifts-info .shifts-list{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.mission-show__info .shifts-info .shift-item{padding:12px var(--spacing-lg);background:var(--surface-muted);border-radius:var(--radius-md);min-width:200px}.mission-show__info .shifts-info .shift-item .shift-number{display:block;font-weight:600;color:var(--primary-color);margin-bottom:var(--spacing-xs)}.mission-show__info .shifts-info .shift-item .shift-details{font-size:var(--font-size-base);color:var(--text-primary)}.mission-show__info .shifts-info .shift-item .shift-details small{color:var(--text-secondary)}.mission-show .no-volunteers{color:var(--text-secondary);font-style:italic}.mission-show .volunteers-table-wrapper{overflow-x:auto;margin-top:var(--spacing-lg)}.mission-show .volunteers-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.mission-show .volunteers-table th,.mission-show .volunteers-table td{padding:12px var(--spacing-lg);text-align:left;border-bottom:1px solid var(--border-light)}.mission-show .volunteers-table th{background:var(--surface-muted);font-weight:600;white-space:nowrap}.mission-show .volunteers-table tr:hover{background:var(--grey-50)}.mission-show.error{color:var(--red);text-align:center;padding:40px}@media (max-width: 768px){.mission-show__header{flex-direction:column}.mission-show__actions{width:100%}.mission-show__actions button{flex:1;justify-content:center}}.volunteer-profile{padding:var(--spacing-xl);max-width:1000px;margin:0 auto}.volunteer-profile .breadcrumbs{margin-bottom:var(--spacing-xl);font-size:var(--font-size-base)}.volunteer-profile .breadcrumbs a{color:var(--primary-color);text-decoration:none}.volunteer-profile .breadcrumbs a:hover{text-decoration:underline}.volunteer-profile .breadcrumbs .separator{color:var(--text-muted)}.volunteer-profile .breadcrumbs .current{color:var(--text-secondary)}.volunteer-profile h2{margin:0 0 var(--spacing-xl) 0}.volunteer-profile h3{margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-xl);color:var(--primary-color)}.volunteer-profile .error-message{padding:var(--spacing-lg);background:var(--red-bg);border:1px solid var(--red-100);border-radius:var(--radius-md);color:var(--red-600);margin-bottom:var(--spacing-xl)}.volunteer-profile .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}@media (max-width: 768px){.volunteer-profile .form-grid{grid-template-columns:1fr}}.volunteer-profile .form-input.full-width{grid-column:1/-1}.volunteer-profile .form-input.checkbox-input label{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer}.volunteer-profile .form-input.checkbox-input label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.volunteer-profile .form-input label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;font-size:var(--font-size-base)}.volunteer-profile .form-input label .required{color:var(--red)}.volunteer-profile .form-input input[type=text],.volunteer-profile .form-input input[type=email],.volunteer-profile .form-input input[type=date],.volunteer-profile .form-input input[type=tel],.volunteer-profile .form-input textarea{width:100%;padding:var(--spacing-md) 12px;border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color .2s}.volunteer-profile .form-input input[type=text]:focus,.volunteer-profile .form-input input[type=email]:focus,.volunteer-profile .form-input input[type=date]:focus,.volunteer-profile .form-input input[type=tel]:focus,.volunteer-profile .form-input textarea:focus{outline:none;border-color:var(--primary-color)}.volunteer-profile .form-input textarea{resize:vertical;min-height:80px}.volunteer-profile .form-input input[type=file]{font-size:var(--font-size-base)}.volunteer-profile .form-input .existing-file{margin:var(--spacing-xs) 0;font-size:var(--font-size-sm)}.volunteer-profile .form-input .existing-file a{color:var(--primary-color);text-decoration:none}.volunteer-profile .form-input .existing-file a:hover{text-decoration:underline}.volunteer-profile .form-input .existing-file a i{margin-right:var(--spacing-xs)}.volunteer-profile .form-buttons{margin-top:var(--spacing-2xl);display:flex;justify-content:center}.volunteer-profile .form-buttons .btn-submit{padding:var(--spacing-lg) 40px;background:var(--primary-color);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);cursor:pointer;transition:background .2s}.volunteer-profile .form-buttons .btn-submit:hover:not(:disabled){background:var(--primary-color-dark)}.volunteer-profile .form-buttons .btn-submit:disabled{opacity:.6;cursor:not-allowed}.volunteer-profile .profile-actions{margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-xl);justify-content:center;flex-wrap:wrap}.volunteer-profile .profile-actions .action-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-2xl);background:var(--surface-muted);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);font-size:var(--font-size-md);transition:all .2s}.volunteer-profile .profile-actions .action-link:hover{background:var(--surface-hover);color:var(--primary-color)}.volunteer-profile .profile-actions .action-link i{font-size:var(--font-size-xl)}.volunteer-profile .css-13cymwt-control,.volunteer-profile .css-t3ipsp-control{border-color:var(--border-default);min-height:42px}.volunteer-profile .css-13cymwt-control:hover,.volunteer-profile .css-t3ipsp-control:hover{border-color:var(--primary-color)}.volunteer-profile .css-t3ipsp-control{border-color:var(--primary-color);box-shadow:none}.application-form,.my-applications{padding:var(--spacing-xl);max-width:900px;margin:0 auto}.application-form .breadcrumbs,.my-applications .breadcrumbs{margin-bottom:var(--spacing-xl);font-size:var(--font-size-base)}.application-form .breadcrumbs a,.my-applications .breadcrumbs a{color:var(--primary-color);text-decoration:none}.application-form .breadcrumbs a:hover,.my-applications .breadcrumbs a:hover{text-decoration:underline}.application-form .breadcrumbs .separator,.my-applications .breadcrumbs .separator{color:var(--text-muted)}.application-form .breadcrumbs .current,.my-applications .breadcrumbs .current{color:var(--text-secondary)}.application-form h2,.my-applications h2{margin:0 0 var(--spacing-xl) 0}.application-form h3,.my-applications h3{margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-xl)}.application-form .error-message,.my-applications .error-message{padding:var(--spacing-lg);background:var(--red-bg);border:1px solid var(--red-100);border-radius:var(--radius-md);color:var(--red-600);margin-bottom:var(--spacing-xl)}.application-form .warning-message,.my-applications .warning-message{padding:var(--spacing-lg);background:var(--orange-bg);border:1px solid var(--orange-100);border-radius:var(--radius-md);color:var(--orange-600);margin-bottom:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-md)}.application-form .warning-message i,.my-applications .warning-message i{font-size:var(--font-size-2xl)}.application-form .warning-message a,.my-applications .warning-message a{color:var(--primary-color)}.steps-indicator{display:flex;justify-content:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);flex-wrap:wrap}.steps-indicator .step{display:flex;align-items:center;gap:var(--spacing-sm);opacity:.5}.steps-indicator .step.active{opacity:1}.steps-indicator .step.completed .step-number{background:var(--green)}.steps-indicator .step .step-number{width:30px;height:30px;background:var(--primary-color);color:var(--text-inverse);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-base)}.steps-indicator .step .step-label{font-size:var(--font-size-base)}.form-input{margin-bottom:var(--spacing-xl)}.form-input label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;font-size:var(--font-size-base)}.form-input label .required{color:var(--red)}.step-buttons{display:flex;justify-content:space-between;margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-light)}.step-buttons button{padding:12px var(--spacing-2xl);border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;transition:all .2s}.step-buttons button:disabled{opacity:.5;cursor:not-allowed}.step-buttons .btn-back{background:var(--surface-muted);border:1px solid var(--border-default);color:var(--text-primary)}.step-buttons .btn-back:hover:not(:disabled){background:var(--surface-hover)}.step-buttons .btn-next,.step-buttons .btn-submit{background:var(--primary-color);border:none;color:var(--text-inverse)}.step-buttons .btn-next:hover:not(:disabled),.step-buttons .btn-submit:hover:not(:disabled){background:var(--primary-color-dark)}.profile-summary .summary-row,.confirmation-summary .summary-row{display:flex;padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-light)}.profile-summary .summary-row:last-child,.confirmation-summary .summary-row:last-child{border-bottom:none}.profile-summary .summary-row .label,.confirmation-summary .summary-row .label{width:150px;font-weight:500;color:var(--text-secondary)}.profile-summary .summary-row .value,.confirmation-summary .summary-row .value{flex:1}.profile-summary .edit-profile-link,.confirmation-summary .edit-profile-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);color:var(--primary-color);text-decoration:none;font-size:var(--font-size-base)}.profile-summary .edit-profile-link:hover,.confirmation-summary .edit-profile-link:hover{text-decoration:underline}.checklist-section{text-align:center;padding:var(--spacing-2xl) 0}.checklist-section .checklist-link{display:inline-flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-2xl);background:var(--surface-muted);border-radius:var(--radius-lg);color:var(--text-primary);text-decoration:none;font-size:var(--font-size-lg);transition:all .2s}.checklist-section .checklist-link:hover{background:var(--surface-hover)}.checklist-section .checklist-link i{font-size:var(--font-size-3xl);color:var(--red)}.checklist-section .acknowledgment-checkbox{margin-top:var(--spacing-2xl)}.checklist-section .acknowledgment-checkbox label{display:inline-flex;align-items:center;gap:var(--spacing-md);cursor:pointer;font-size:var(--font-size-md)}.checklist-section .acknowledgment-checkbox label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.success-message{text-align:center;padding:40px var(--spacing-xl)}.success-message>i{font-size:var(--font-size-icon-3xl);color:var(--green);margin-bottom:var(--spacing-xl)}.success-message h2{margin:0 0 var(--spacing-md) 0;color:var(--green)}.success-message p{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary)}.success-message .track-number{font-size:var(--font-size-4xl);font-weight:700;color:var(--primary-color);padding:var(--spacing-xl);background:var(--surface-muted);border-radius:var(--radius-lg);margin:var(--spacing-xl) 0;letter-spacing:2px}.success-message .hint{font-size:var(--font-size-base);color:var(--text-muted)}.success-message .success-actions{display:flex;gap:var(--spacing-lg);justify-content:center;margin-top:var(--spacing-2xl);flex-wrap:wrap}.success-message .success-actions .btn-link{padding:12px var(--spacing-2xl);background:var(--primary-color);color:var(--text-inverse);text-decoration:none;border-radius:var(--radius-md);transition:all .2s}.success-message .success-actions .btn-link:hover{background:var(--primary-color-dark)}.success-message .success-actions .btn-link.secondary{background:var(--surface-muted);color:var(--text-primary)}.success-message .success-actions .btn-link.secondary:hover{background:var(--surface-hover)}.my-applications .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-lg)}.my-applications .page-header h2{margin:0}.my-applications .page-header .btn-new-application{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--primary-color);color:var(--text-inverse);text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all .2s}.my-applications .page-header .btn-new-application:hover{background:var(--primary-color-dark)}.my-applications .no-applications{text-align:center;padding:60px var(--spacing-xl)}.my-applications .no-applications i{font-size:var(--font-size-icon-2xl);color:var(--grey-300);margin-bottom:var(--spacing-xl)}.my-applications .no-applications p{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.my-applications .no-applications .btn-link{display:inline-block;padding:12px var(--spacing-2xl);background:var(--primary-color);color:var(--text-inverse);text-decoration:none;border-radius:var(--radius-md)}.my-applications .no-applications .btn-link:hover{background:var(--primary-color-dark)}.my-applications .applications-table-wrapper{overflow-x:auto}.my-applications .applications-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.my-applications .applications-table th,.my-applications .applications-table td{padding:var(--spacing-lg);text-align:left;border-bottom:1px solid var(--border-light)}.my-applications .applications-table th{background:var(--surface-muted);font-weight:600;white-space:nowrap}.my-applications .applications-table .track-number-cell{font-family:monospace;font-weight:600;color:var(--primary-color)}.my-applications .applications-table .dates{color:var(--text-secondary);font-size:var(--font-size-xs)}.my-applications .applications-table .status-badge{display:inline-block;padding:var(--spacing-xs) 12px;border-radius:20px;font-size:var(--font-size-xs);font-weight:500}.my-applications .applications-table .status-badge--gray{background-color:var(--grey-200);color:var(--text-primary)}.my-applications .applications-table .status-badge--blue{background-color:var(--blue);color:var(--text-inverse)}.my-applications .applications-table .status-badge--green{background-color:var(--green);color:var(--text-inverse)}.my-applications .applications-table .status-badge--red{background-color:var(--red);color:var(--text-inverse)}.my-applications .applications-table .status-badge--orange{background-color:var(--orange);color:var(--text-inverse)}@media (max-width: 768px){.steps-indicator{flex-direction:column;align-items:flex-start}.profile-summary .summary-row,.confirmation-summary .summary-row{flex-direction:column;gap:var(--spacing-xs)}.profile-summary .summary-row .label,.confirmation-summary .summary-row .label{width:auto}.my-applications .page-header{flex-direction:column;align-items:flex-start}.my-applications .page-header .btn-new-application{width:100%;justify-content:center}}:root{--white: #ffffff;--black: #000000;--blue-50: #e8f0fd;--blue-100: #d0e1fa;--blue-200: #a6c6ea;--blue-300: #7ba9e0;--blue-400: #558ad4;--blue-500: #026dff;--blue-600: #345fb8;--blue-700: #2f5ba3;--blue-800: #264785;--blue-900: #1c3566;--blue: var(--blue-500);--blue-bg: var(--blue-50);--green-50: #eaf7ed;--green-100: #d1ebd6;--green-200: #b6e3c4;--green-300: #8cd9a3;--green-400: #66c27e;--green-500: #4caf50;--green-600: #43a047;--green-700: #357b30;--green-800: #2a6326;--green-900: #1e4a1c;--green: var(--green-500);--green-bg: var(--green-50);--red-50: #ffebee;--red-100: #ffcdd2;--red-200: #f5b0ae;--red-300: #f18e8a;--red-400: #f44336;--red-500: #d32f2f;--red-600: #c62828;--red-700: #a3120f;--red-800: #85100c;--red-900: #680c09;--red: var(--red-500);--red-bg: var(--red-50);--orange-50: #fff3e0;--orange-100: #ffe0b2;--orange-200: #fdd9a6;--orange-300: #fcc477;--orange-400: #fab950;--orange-500: #ff9800;--orange-600: #e65100;--orange-700: #c37f23;--orange-800: #9e651c;--orange-900: #7a4c15;--orange: var(--orange-500);--orange-bg: var(--orange-50);--grey-50: #fafafa;--grey-100: #f5f5f5;--grey-200: #eeeeee;--grey-300: #e0e0e0;--grey-400: #bdbdbd;--grey-500: #9e9e9e;--grey-600: #757575;--grey-700: #616161;--grey-800: #424242;--grey-900: #212121;--grey: var(--grey-500);--grey-bg: var(--grey-50);--background: #fafafa;--pink: #e5a7a7;--primary: var(--blue);--primary-color: #1976d2;--primary-color-dark: #1565c0;--primary-color-light: #42a5f5;--alert: var(--red);--alert-bg: var(--red-bg);--success: var(--green);--success-bg: var(--green-bg);--warning: var(--orange);--warning-bg: var(--orange-bg);--info: var(--blue);--info-bg: var(--blue-bg);--text-primary: #333333;--text-secondary: #666666;--text-muted: #999999;--text-disabled: #bdbdbd;--text-inverse: #ffffff;--border-light: #eeeeee;--border-default: #dddddd;--border-dark: #aaaaaa;--surface-default: #ffffff;--surface-light: #f9f9f9;--surface-muted: #f5f5f5;--surface-hover: #eeeeee;--surface-active: #e0e0e0;--status-gray: #e0e0e0;--status-blue: #2196f3;--status-green: #4caf50;--status-red: #f44336;--status-orange: #ff9800;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 32px;--font-size-icon-sm: 14px;--font-size-icon-md: 18px;--font-size-icon-lg: 24px;--font-size-icon-xl: 40px;--font-size-icon-2xl: 50px;--font-size-icon-3xl: 60px;--spacing-xs: 5px;--spacing-sm: 8px;--spacing-md: 10px;--spacing-lg: 15px;--spacing-xl: 20px;--spacing-2xl: 30px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 50%}:root{--shadow-0: none;--shadow-1: 0 1px 2px rgba(0, 0, 0, .05);--shadow-2: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-3: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-4: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-5: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-6: 0 25px 50px rgba(0, 0, 0, .25)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin:1rem 0 .5rem;color:var(--black)}h1{font-size:2.5rem;font-weight:700;color:var(--black)}h2{font-size:1.4rem;font-weight:600;color:var(--black)}h3{font-size:1.75rem;font-weight:600;color:var(--black)}h4{font-size:1.5rem;font-weight:600;color:var(--black)}h5{font-size:1.25rem;font-weight:500;color:var(--black)}h6{font-size:1rem;font-weight:500;color:var(--grey)}button{padding:12px;width:100%;background:var(--primary, #3c70ca);color:var(--white, #fff);border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s ease,transform .1s ease}button:hover{background:var(--primary-dark, #315aa6)}button:active{transform:scale(.98)}button:disabled{background:var(--grey-300, #ccc);cursor:not-allowed}.form{display:flex;flex-direction:column;gap:16px;width:100%}.form--centered{align-items:center;justify-content:center}.form .form-input{display:flex;flex-direction:column;gap:6px;width:100%}.form .form-input a{position:relative;top:-1px}.form .form-input label{font-size:.9rem;font-weight:500;color:var(--black, #222);margin-bottom:4px}.form .form-input input{padding:10px 12px;border:1px solid var(--grey-300, #ddd);border-radius:8px;font-size:14px;background:var(--white, #fff);color:var(--black, #333);transition:all .2s ease}.form .form-input input:hover{border-color:var(--grey-400, #ccc)}.form .form-input input:focus{outline:none;border-color:var(--primary, #3c70ca);box-shadow:0 0 0 2px #3c70ca26}.form .form-input input::placeholder{color:var(--grey-400, #aaa)}body{overflow-y:scroll;scrollbar-gutter:stable;margin:0;min-width:320px;min-height:100vh;padding:0;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#00000080}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}.breadcrumbs{font-size:14px;margin-bottom:20px}.breadcrumbs a{color:var(--primary);text-decoration:none;font-weight:500}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .separator{margin:0 5px;color:#6b7280}.breadcrumbs .current{color:#374151;font-weight:600}*{font-family:Montserrat,sans-serif}.login-page{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--background, #f5f7fa)}.login-page h1{text-align:center;margin-bottom:16px}