*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none}a{text-decoration:none;color:inherit}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#111827;background-color:#fff}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.page{display:flex;min-height:100vh}.page__content{flex:1;display:flex;flex-direction:column;margin-left:0;width:100%}@media(min-width: 1024px){.page__content{margin-left:275px}}.page__main{flex:1;padding:1rem;background-color:#fff}@media(min-width: 768px){.page__main{padding:1.5rem}}@media(min-width: 1024px){.page__main{padding:2rem}}.page--centered{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#fff}.text-center{text-align:center}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.link{color:#0056d2;text-decoration:none;transition:color 200ms ease-in-out}.link:hover{color:#003d99;text-decoration:underline}.link:active{color:rgb(0,54.6714285714,133.5)}.link--muted{color:#6b7280}.link--muted:hover{color:#111827}.link--underline{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;line-height:1.5;border:none;border-radius:6px;cursor:pointer;transition:all 200ms ease-in-out;text-decoration:none}.btn:disabled{cursor:not-allowed;opacity:.5}.btn{font-size:.875rem;padding:.5rem .75rem}@media(min-width: 768px){.btn{font-size:1rem;padding:.75rem 1.5rem}}.btn--primary{color:#fff;background-color:#0056d2}.btn--primary:hover{background-color:#003d99}.btn--primary:active{background-color:rgb(0,54.6714285714,133.5)}.btn--secondary{color:#0056d2;background-color:#fff;border:1px solid #0056d2}.btn--secondary:hover{background-color:#f9fafb}.btn--icon{width:40px;height:40px;padding:0;border-radius:6px;background-color:#0056d2;color:#fff;font-size:1.125rem}.btn--icon:hover{background-color:#003d99}.btn--back{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:rgba(0,0,0,0);color:#111827;font-weight:600}.btn--back:hover{background-color:#f3f4f6}.btn--sm{height:36px;padding:.5rem 1rem;font-size:.875rem}.btn--lg{height:56px;padding:1rem 2rem;font-size:1.125rem}.form__group{margin-bottom:1.5rem}.form__label{display:block;margin-bottom:.75rem;font-size:.875rem;font-weight:500;color:#4b5563}.form__input{width:100%;height:48px;padding:.75rem 1rem;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#111827;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;transition:all 200ms ease-in-out}.form__input:focus{outline:none;border-color:#0056d2;box-shadow:0 0 0 3px rgba(0,86,210,.1)}.form__input::placeholder{color:#6b7280}.form__select{width:100%;height:48px;padding:.75rem 1rem;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#111827;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;transition:all 200ms ease-in-out}.form__select:focus{outline:none;border-color:#0056d2;box-shadow:0 0 0 3px rgba(0,86,210,.1)}.form__select::placeholder{color:#6b7280}.form__select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2rem;cursor:pointer}.form__textarea{width:100%;height:48px;padding:.75rem 1rem;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#111827;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;transition:all 200ms ease-in-out}.form__textarea:focus{outline:none;border-color:#0056d2;box-shadow:0 0 0 3px rgba(0,86,210,.1)}.form__textarea::placeholder{color:#6b7280}.form__textarea{height:auto;min-height:120px;resize:vertical;padding-top:1rem;padding-bottom:1rem}.form__error{margin-top:.5rem;font-size:.875rem;color:#dc2626}.form__help{margin-top:.5rem;font-size:.875rem;color:#6b7280}.form__input:disabled,.form__select:disabled,.form__textarea:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.form__input.is-error,.form__select.is-error,.form__textarea.is-error{border-color:#dc2626}.form__input.is-error:focus,.form__select.is-error:focus,.form__textarea.is-error:focus{box-shadow:0 0 0 3px rgba(220,38,38,.1)}.form__input.is-success,.form__select.is-success,.form__textarea.is-success{border-color:#10b981}.form__input.is-success:focus,.form__select.is-success:focus,.form__textarea.is-success:focus{box-shadow:0 0 0 3px rgba(16,185,129,.1)}.logo{display:flex;align-items:center}.logo__image{width:80px}.logo--small{padding:1rem}.logo--small .logo__image{width:32px;height:32px}.logo--large{padding:3rem}.logo--large .logo__image{width:80px;height:80px}.logo.login-page-logo{justify-content:center;padding:3rem 0}.logo.login-page-logo .logo__image{width:100%;display:flex;justify-content:center;align-items:center}.logo.login-page-logo .logo__image img{width:180px}.sidebar{position:fixed;top:0;left:-100%;width:280px;height:100vh;background-color:#f3f4f6;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;z-index:1050;padding:0 1.5rem;transition:left 200ms ease-in-out;overflow-y:auto}.sidebar.is-open{left:0}.sidebar.is-open .sidebar__logo{margin-top:50px}@media(min-width: 1024px){.sidebar{left:0;width:275px;z-index:1020;padding:0 50px}}.sidebar__logo{padding:1.5rem 0}@media(min-width: 1024px){.sidebar__logo{padding:2rem 0;padding-top:0}}.sidebar__nav{flex:1;padding:1.5rem 0;overflow-y:auto}@media(min-width: 1024px){.sidebar__nav{margin-top:75px}}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1030;display:none}.sidebar-overlay.is-visible{display:block}@media(min-width: 1024px){.sidebar-overlay{display:none !important}}.mobile-menu-toggle{position:fixed;top:1rem;left:1rem;z-index:1051;width:44px;height:44px;background-color:#0056d2;border:none;border-radius:6px;color:#fff;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all 200ms ease-in-out}.mobile-menu-toggle:hover{background-color:#003d99}@media(min-width: 1024px){.mobile-menu-toggle{display:none}}.nav__list{list-style:none;padding:0;margin:0}.nav__item{margin-bottom:.5rem}.nav__link{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:#111827;text-decoration:none;font-size:1rem;font-weight:500;transition:all 200ms ease-in-out;position:relative}.nav__link:hover{background-color:#f3f4f6;color:#0056d2}.nav__link.is-active{color:#0056d2;border-bottom:2px solid #0056d2}.nav__link.is-active .nav__icon{color:#0056d2}.nav__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#0056d2;transition:color 200ms ease-in-out}.nav__text{flex:1}.nav__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .5rem;background-color:#0056d2;color:#fff;font-size:.75rem;font-weight:600;border-radius:9999px}.header{background:linear-gradient(135deg, #1e5bb8 0%, #2e7dd8 50%, #3a8eea 100%);color:#fff;padding:1rem;display:flex;align-items:center;justify-content:space-between;min-height:65px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}@media(min-width: 768px){.header{padding:1.5rem 2rem}}.header__left{display:flex;align-items:center;gap:1rem}@media(min-width: 768px){.header__left{gap:1.5rem}}.header__right{display:flex;align-items:center;gap:.75rem;justify-content:flex-end;width:100%}@media(min-width: 768px){.header__right{gap:1rem}}.header__title{font-size:1.125rem;font-weight:600;color:#fff;margin:0}@media(min-width: 768px){.header__title{font-size:1.25rem}}.header__company{font-size:.875rem;font-weight:600;color:#fff}@media(min-width: 768px){.header__company{font-size:1.125rem}}.header__action .btn{background-color:#fff;color:#0056d2}.header__action .btn:hover{background-color:#f3f4f6}.page__actions{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#fff;flex-wrap:wrap;gap:1rem}@media(min-width: 768px){.page__actions{padding:1.5rem 2rem;flex-wrap:nowrap}}.page__actions>div{display:flex;gap:.75rem;flex-wrap:wrap}@media(min-width: 768px){.page__actions>div{gap:1rem}}.footer{padding:1.5rem 2rem;text-align:center;background-color:#fff;border-top:1px solid #e5e7eb;margin-top:auto}.footer__text{font-size:.875rem;color:#6b7280;margin:0}.footer--fixed{position:fixed;bottom:0;left:0;right:0}.footer--with-sidebar{margin-left:275px}.cell-grid__header{text-align:center;margin-bottom:0;padding-top:0}.cell-grid__title{font-size:1.5rem;font-weight:600;color:#111827;margin:0}@media(max-width: 768px){.cell-grid__title{font-size:1.125rem}}.cell-grid__container{display:grid;grid-template-columns:auto repeat(10, 60px);gap:1.5rem;margin:0 auto;padding:0 2rem;justify-content:center;align-items:center}@media(max-width: 768px){.cell-grid__container{grid-template-columns:auto repeat(10, 35px);gap:.75rem;padding:1rem}}.cell-grid__corner{width:30px;height:30px}@media(max-width: 768px){.cell-grid__corner{width:20px;height:20px}}.cell-grid__col-header{width:60px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem;color:#111827}@media(max-width: 768px){.cell-grid__col-header{width:35px;height:20px;font-size:.875rem}}.cell-grid__row-header{width:30px;height:60px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem;color:#111827}@media(max-width: 768px){.cell-grid__row-header{width:20px;height:35px;font-size:.875rem}}.cell-grid__cell{aspect-ratio:1;background-color:#d1d5db;border-radius:8px;cursor:pointer;transition:all 200ms ease-in-out;border:2px solid rgba(0,0,0,0);width:60px}@media(max-width: 768px){.cell-grid__cell{width:35px;border-radius:6px}}.cell-grid__cell:hover{background-color:#9ca3af;transform:scale(1.05);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.cell-grid__cell:active{transform:scale(0.98)}.cell-grid__cell.is-selected{background-color:#0056d2;border-color:#003d99;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.cell-grid__cell.is-disabled{background-color:#e5e7eb;cursor:not-allowed;opacity:.5}.cell-grid__cell.is-disabled:hover{transform:none;box-shadow:none}.cell-grid__cell.cell--available{background-color:#d1d5db;cursor:pointer}.cell-grid__cell.cell--available:hover{background-color:#9ca3af;transform:scale(1.05);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.cell-grid__cell.cell--pending{background-color:#f59e0b;cursor:default}.cell-grid__cell.cell--pending:hover{background-color:#d97706;transform:none}.cell-grid__cell.cell--used{background-color:#6b7280;cursor:not-allowed}.cell-grid__cell.cell--used:hover{background-color:#4b5563;transform:none}.cell-grid__cell.cell--unavailable{background-color:#d1d5db;cursor:not-allowed;opacity:.5}.cell-grid__cell.cell--unavailable:hover{transform:none;box-shadow:none}.recipient-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:1rem;transition:all 200ms ease-in-out;cursor:pointer}.recipient-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border-color:#0056d2}.recipient-card__header{display:flex;align-items:center;justify-content:space-between}.recipient-card__name{font-size:1rem;font-weight:600;color:#111827;margin:0}.recipient-card__actions{display:flex;gap:.75rem}.recipient-card__action-btn{padding:.5rem;background:rgba(0,0,0,0);border:none;color:#6b7280;cursor:pointer;transition:color 200ms ease-in-out}.recipient-card__action-btn:hover{color:#0056d2}.recipient-section{margin-bottom:2rem}.recipient-section__header{display:flex;align-items:center;gap:1rem;padding:1rem 0;cursor:pointer;user-select:none}.recipient-section__header:hover .recipient-section__title{color:#0056d2}.recipient-section__toggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform 200ms ease-in-out}.recipient-section__toggle.is-open{transform:rotate(180deg)}.recipient-section__title{font-size:1.125rem;font-weight:600;color:#111827;margin:0;transition:color 200ms ease-in-out}.recipient-section__content{padding-top:1rem}.recipient-section__content.is-hidden{display:none}.activity-item{padding:1rem;background-color:#fff;border-radius:6px;border:1px solid #e5e7eb;margin-bottom:.75rem}.activity-item p{margin:0;color:#111827;font-size:1rem}.activity-item:last-child{margin-bottom:0}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;padding:2rem}.login-form{width:100%;max-width:400px}.login-form__logo{text-align:center;margin-bottom:4rem}.login-form__fields{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.login-form__group{margin-bottom:1.5rem;width:100%}.login-form__input{width:100%;height:48px;padding:.75rem 1rem;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#111827;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;transition:all 200ms ease-in-out}.login-form__input:focus{outline:none;border-color:#0056d2;box-shadow:0 0 0 3px rgba(0,86,210,.1)}.login-form__input::placeholder{color:#6b7280}.login-form__input{border-color:#0056d2}.login-form__submit{width:auto;min-width:120px;padding-left:3rem;padding-right:3rem}.login-form__error{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;margin-bottom:1.5rem;background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-size:.875rem;animation:slideIn .3s ease-out}.login-form__error-icon{width:20px;height:20px;flex-shrink:0;color:#ef4444}.login-form__error-text{flex:1;line-height:1.4}.login-form__footer{margin-top:4rem;text-align:center}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dashboard-page{display:flex;flex-direction:column;min-height:100vh}.dashboard-page__content{flex:1;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.dashboard-page__back{margin-bottom:2rem;align-self:flex-start}.add-recipient-page__content{margin:0 auto;padding:3rem}.add-recipient-page__form{background-color:#fff;padding:2rem;border-radius:8px;width:480px}.create-message-page__content{max-width:600px;margin:0 auto;padding:3rem}.create-message-page__form{background-color:#fff;padding:2rem;border-radius:8px}.recipients-list-page__content{padding:3rem}.recipients-list-page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.recipients-list-page__title{font-size:1.5rem;font-weight:600;color:#111827;margin:0}/*# sourceMappingURL=main.css.map */