*{margin:0;padding:0;box-sizing:border-box}:root{font-size:12px;--header-height: 3rem;--panel-width: min(30rem, 90vw)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}button,input,select{font-size:1rem;padding:.5rem}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.loading-container p{margin-top:20px;font-size:1.2rem}.loading-spinner{width:60px;height:60px;border:5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}header{display:flex;align-items:center;background:#002;box-shadow:0 2px 10px #0000001a;color:#fff;height:var(--header-height);justify-content:center}.Carousel__Container{position:relative;width:100%;height:var(--carousel-height, 100%);overflow:hidden;transition:opacity .1s}.Carousel__Pagination{position:absolute;top:.85rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;z-index:10}.Carousel__Pagination .dot{width:1rem;height:1rem;background-color:transparent;border:2px solid white;border-radius:50%;transition:all .3s ease;cursor:pointer}.Carousel__Pagination .dot.active{background-color:#ffffffe6}.Carousel__Track{display:block;height:100%;cursor:grab;position:relative}.Carousel__Track:active{cursor:grabbing}.Carousel__Item{position:absolute;top:0;left:0;min-width:100%;width:100%;height:100%;will-change:transform}.Carousel__Container{--carousel-height: calc(100vh - var(--header-height))}.Carousel__Item{color:#fff;display:flex;align-items:center;flex-direction:column;padding-top:5rem;user-select:none}.Carousel__Item--new,.Carousel__Item--even{background:linear-gradient(#002 7%,#336 17%,#aae)}.Carousel__Item--odd{background:linear-gradient(#002 7%,#336 17%,#eae)}.Carousel__Item--new{align-items:center;gap:5rem}.Carousel__Item--new h2{margin-bottom:2rem}.Carousel__Item--account{color:#fff}.Carousel__Item--account .Carousel__Item__Title{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.Carousel__Item--account .Carousel__Item__Form{margin-bottom:2rem}.Carousel__Item--account .TransactionList{width:var(--panel-width)}.Carousel__Item--account .TransactionList h3{border-bottom:1px dotted #FFFFFF44;text-align:center}.Carousel__Item--account .TransactionList__Item{display:grid;padding:.5rem 0;grid-template-areas:"desc amount" "date amount"}.Carousel__Item--account .TransactionList__Item__Description{grid-area:desc}.Carousel__Item--account .TransactionList__Item__Date{grid-area:date}.Carousel__Item--account .TransactionList__Item__Amount{grid-area:amount;justify-self:end}.Carousel__Item--account .TransactionList ul{list-style:none}.Carousel__Item__AddAccount{width:var(--panel-width)}.Carousel__Item__Form{display:flex;flex-direction:column;gap:1rem;width:var(--panel-width)}.Carousel__Item__Form .FormField{display:flex;align-items:center}.Carousel__Item__Form .FormField input,.Carousel__Item__Form .FormField label,.Carousel__Item__Form .FormField select{width:50%}.Carousel__Item__ManagementFunctions{width:var(--panel-width)}.Carousel__Item__ManagementFunctions .ButtonBar{display:flex;gap:1rem;justify-content:space-between}.Carousel__Item h2{font-size:2rem}.Carousel__Item p{opacity:.9}.Carousel__Item.gradient-0{background:linear-gradient(135deg,#667eea,#764ba2)}.Carousel__Item.gradient-1{background:linear-gradient(135deg,#f093fb,#f5576c)}.Carousel__Item.gradient-2{background:linear-gradient(135deg,#4facfe,#00f2fe)}.Carousel__Item.gradient-3{background:linear-gradient(135deg,#43e97b,#38f9d7)}.Carousel__Item.gradient-4{background:linear-gradient(135deg,#fa709a,#fee140)}.Carousel__Item.gradient-5{background:linear-gradient(135deg,#30cfd0,#330867)}.Carousel__Item.gradient-6{background:linear-gradient(135deg,#a8edea,#fed6e3)}.Carousel__Item.gradient-7{background:linear-gradient(135deg,#ff9a9e,#fecfef)}