.visit-card{background:var(--color-white);border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 2px 4px #0000000d;border:1px solid var(--color-lines)}.visit-card__content{display:flex;flex-direction:column;gap:12px}.visit-card__row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.visit-card__label{font-size:14px;color:var(--color-primary-medium);font-weight:500;flex-shrink:0}.visit-card__value{font-size:14px;color:var(--color-primary-black);text-align:right;flex:1}.visit-card__value--amount{font-weight:600;color:var(--color-primary-black);font-size:16px}@media (max-width: 768px){.visit-card{padding:12px}.visit-card__row{flex-direction:column;gap:4px}.visit-card__value{text-align:left}.visit-card__label,.visit-card__value{font-size:13px}.visit-card__value--amount{font-size:15px}}.unpaid-visits-list{width:100%}.unpaid-visits-list__title{font-size:20px;font-weight:600;color:var(--color-primary-black);margin-bottom:16px}.unpaid-visits-list__content{display:flex;flex-direction:column}.unpaid-visits-list__loading,.unpaid-visits-list__empty,.unpaid-visits-list__error{text-align:center;padding:24px;color:var(--color-primary-medium);font-size:16px}.unpaid-visits-list__error{color:var(--color-red-danger)}@media (max-width: 768px){.unpaid-visits-list__title{font-size:18px;margin-bottom:12px}}.payment-block{background:var(--color-white);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014;border:1px solid var(--color-lines)}.payment-block__content{display:flex;flex-direction:column;gap:16px}.payment-block__amount-section{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--color-lines)}.payment-block__label{font-size:18px;font-weight:500;color:var(--color-primary-black)}.payment-block__amount{font-size:24px;font-weight:700;color:var(--color-primary-black)}.payment-block__button{width:100%;padding:16px 24px;font-size:16px;font-weight:600;color:var(--color-white);background:var(--color-yellow-main);border:none;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #ffcb0033;position:relative;overflow:hidden}.payment-block__button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#ffffff1a,#fff0);opacity:0;transition:opacity .3s ease}.payment-block__button:hover:not(:disabled){background:var(--color-yellow-dark);transform:translateY(-2px);box-shadow:0 6px 16px #ffa80066}.payment-block__button:hover:not(:disabled):before{opacity:1}.payment-block__button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #ffa8004d}.payment-block__button:focus{outline:none;box-shadow:0 0 0 3px #ffcb0080,0 2px 4px #ffcb0033}.payment-block__button:focus:not(:disabled){background:var(--color-yellow-main)}.payment-block__button:focus:hover:not(:disabled){background:var(--color-yellow-dark);box-shadow:0 0 0 3px #ffcb0080,0 6px 16px #ffa80066}.payment-block__button:disabled{background:var(--color-primary-light);color:var(--color-primary-medium);cursor:not-allowed;opacity:.65;box-shadow:none;transform:none}.payment-block__error{color:var(--color-red-danger);font-size:14px;text-align:center;padding:8px;background:var(--color-red-light);border-radius:4px}@media (max-width: 768px){.payment-block{padding:20px;margin-bottom:20px}.payment-block__amount-section{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:12px}.payment-block__label{font-size:16px}.payment-block__amount{font-size:22px}.payment-block__button{padding:14px 20px;font-size:15px}}.visits-history{width:100%}.visits-history__content{display:flex;flex-direction:column}.visits-history__loading,.visits-history__empty,.visits-history__error{text-align:center;padding:40px 24px;color:var(--color-primary-medium);font-size:16px}.visits-history__error{color:var(--color-red-danger)}.payments-history{width:100%}.payments-history__content{display:flex;flex-direction:column}.payment-item{background:var(--color-white);border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 2px 4px #0000000d;border:1px solid var(--color-lines)}.payment-item__row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.payment-item__row:last-child{margin-bottom:0}.payment-item__label{font-size:14px;color:var(--color-primary-medium);font-weight:500;flex-shrink:0}.payment-item__value{font-size:14px;color:var(--color-primary-black);text-align:right;flex:1}.payment-item__value--amount{font-weight:600;color:var(--color-green-positive);font-size:16px}.payments-history__loading,.payments-history__empty,.payments-history__error{text-align:center;padding:40px 24px;color:var(--color-primary-medium);font-size:16px}.payments-history__error{color:var(--color-red-danger)}@media (max-width: 768px){.payment-item{padding:12px}.payment-item__row{flex-direction:column;gap:4px;margin-bottom:8px}.payment-item__value{text-align:left}.payment-item__label,.payment-item__value{font-size:13px}.payment-item__value--amount{font-size:15px}}.tabs{width:100%;background:var(--color-white);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;border:1px solid var(--color-lines)}.tabs__header{display:flex;border-bottom:2px solid var(--color-lines);background:var(--color-bg-grey)}.tabs__tab{flex:1;padding:16px 24px;font-size:16px;font-weight:500;color:var(--color-primary-medium);background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s ease;position:relative}.tabs__tab:hover{color:var(--color-primary-black);background:var(--color-white)}.tabs__tab--active{color:var(--color-primary-black);background:var(--color-white);border-bottom-color:var(--color-yellow-main);font-weight:600}.tabs__content{padding:24px;min-height:200px}@media (max-width: 768px){.tabs__tab{padding:12px 16px;font-size:14px}.tabs__content{padding:16px}}.app{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:24px 16px;background-color:var(--color-bg-grey)}.app__container{width:100%;max-width:800px;display:flex;flex-direction:column;gap:24px}.app__title{font-size:28px;font-weight:700;color:var(--color-primary-black);text-align:center;margin-bottom:8px}.app__section{width:100%}.app__section-title{font-size:20px;font-weight:600;color:var(--color-primary-black);margin-bottom:16px}.app__error{text-align:center;padding:40px 24px;color:var(--color-red-danger);font-size:18px;background:var(--color-white);border-radius:12px;box-shadow:0 2px 8px #00000014}@media (max-width: 768px){.app{padding:16px 12px}.app__container{gap:20px}.app__title{font-size:24px}.app__section-title{font-size:18px;margin-bottom:12px}}@media (max-width: 480px){.app{padding:12px 8px}.app__title{font-size:22px}}:root{--color-yellow-light: #FFEA99;--color-yellow-main: #FFCB00;--color-yellow-dark: #FFA800;--color-white: #FFFFFF;--color-bg-grey: #F7F9FC;--color-lines: #E0E3EB;--color-primary-light: #C6CBD3;--color-primary-dark: #71757F;--color-primary-medium: #9AA3B1;--color-primary-black: #2B3134;--color-green-light: #CDF4CD;--color-green-positive: #29C235;--color-green-dark: #19803B;--color-blue-light: #D6E7FF;--color-blue-promo: #0041E5;--color-blue-dark: #002480;--color-red-light: #FEDFE0;--color-red-danger: #F72C32;--color-red-dark: #D1050B}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-grey);color:var(--color-primary-black);line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}