html{display:flex;justify-content:center}#root{width:100%;max-width:600px;display:flex;justify-content:center;align-items:center;flex-direction:column}body{background-color:var(--brand-back-ground);max-width:1024px;width:100%;display:flex;justify-content:center;margin:0}.intro-cover{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#ffd78e;transition:all .5s ease-in-out;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:100}.intro-cover>img{width:150px;height:150px;object-fit:cover;transition:all .5s ease-in-out}.intro-cover>p{font-size:35px;color:#3e3b39}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@font-face{font-family:kim;font-weight:400;src:url(/assets/kim-tmXood9r.ttf) format("truetype")}*{box-sizing:border-box;word-break:keep-all;font-family:kim,sans-serif}* p,* h2,* h3{margin:0;padding:0}:root{--brand-default-main-color: #d18731;--brand-main-color: #d18731;--brand-sub-color: #ae5400;--brand-back-ground: white;--brand-font-color: black;--brand-svg-color: #4a4a4a;--brand-choice-box-background: #d18731;--brand-select-box-background: white;--brand-select-box-background-hover: #f1f1f1;--brand-border-color: #ccc;--brand-price-deposit-color: blue;--brand-price-withdraw-color: red;--brand-box-background: #fffefc;--brand-sub-box-background: #fbedd3;--brand-shadow-color: rgba(0, 0, 0, .1);--brand-calendar-header-font-color: #7a7878;--brand-rbc-off-range-bg: #e3e3e3;--brand-rbc-focus-bg: rgb(255, 222, 180);--brand-chart-line-color: #fff;--brand-input-placeholder-color: #777;--brand-write-record-btn-color: #3e3b39;--brand-button-sub-color: #cf660b;--brand-button-color: #d18731;--brand-button-hover-color: #cd7e22;--brand-button-not-color: #eeeeee;--brand-button-shadow-color: #e1a571}[data-theme=dark]{--brand-default-main-color: #d18731;--brand-main-color: #284b63;--brand-sub-color: #286e9e;--brand-back-ground: rgb(60 60 60);--brand-font-color: white;--brand-svg-color: white;--brand-choice-box-background: #292a2c;--brand-select-box-background: #292a2c;--brand-select-box-background-hover: #878787;--brand-border-color: #757575;--brand-price-deposit-color: #7e8fff;--brand-price-withdraw-color: red;--brand-box-background: #4e4e4e;--brand-sub-box-background: #4e4e4e;--brand-shadow-color: rgba(255, 255, 255, .1);--brand-calendar-header-font-color: #d9d9d9;--brand-rbc-off-range-bg: #777676;--brand-rbc-focus-bg: #c3c3c3;--brand-chart-line-color: #979797;--brand-input-placeholder-color: #bdbdbd;--brand-write-record-btn-color: #777676;--brand-button-color: #284b63;--brand-button-hover-color: #1a4765;--brand-button-not-color: #d5d5d5;--brand-button-sub-color: #262d2e;--brand-button-border-color: #3c6e71;--brand-button-shadow-color: #3e3b39;transition:background-color .5s ease,color .5s ease,border-color .5s ease}.main-header{width:100%;max-width:600px;display:flex;align-items:center;justify-content:space-between;padding:13px 10px 10px;position:relative}.main-header-left{display:flex;align-items:center;gap:10px}.main-header-center{position:absolute;left:50%;transform:translate(-50%)}.main-header-right{display:flex;align-items:center;justify-content:center}.main-header svg{cursor:pointer;color:var(--brand-svg-color)}.main-header p,.main-header span,.main-header h2{cursor:pointer;color:var(--brand-font-color)}.favorite-container{display:flex;flex-direction:column;align-items:center;width:100%}.favorite-content-box{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px 10px 30px;gap:13px}.favorite-item{width:100%;padding:10px;font-size:20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--brand-border-color);border-radius:8px;color:var(--brand-font-color)}.favorite-item-info{display:flex;justify-content:center;align-items:center;gap:7px}.favorite-item-icon{width:28px;height:28px}.favorite-empty-box{display:flex;justify-content:center;align-items:center;height:200px;color:var(--brand-font-color);font-size:18px;text-align:center}.records-favorite-create-modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.records-favorite-create-modal-container{padding:24px;border-radius:12px;width:320px;box-shadow:0 4px 12px #0003;position:relative;background-color:var(--brand-back-ground)}.records-favorite-create-modal-container>h2,.records-favorite-create-modal-container p,.records-favorite-create-modal-container span,.records-favorite-create-modal-container svg{color:var(--brand-font-color)}.records-favorite-create-modal-close-btn{position:absolute;top:25px;right:25px;cursor:pointer;color:var(--brand-svg-color)}.records-favorite-create-modal-name-box{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:16px}.records-favorite-create-modal-name-box>input{width:200px;display:flex;justify-content:flex-start;align-items:center;border:none;outline:none;font-size:16px;background-color:transparent;color:var(--brand-font-color)}.records-favorite-create-modal-name-box>input::placeholder{color:var(--brand-input-placeholder-color)}.records-favorite-create-modal-type-box{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:16px}.records-favorite-create-modal-type-box>div{width:200px;display:flex;justify-content:space-between}.records-favorite-create-modal-type-box button{width:48%;padding:5px 0;border:1px solid var(--brand-border-color);background:var(--brand-button-not-color);border-radius:4px;cursor:pointer;transition:all .4s ease;font-size:15px}.records-favorite-create-modal-type-box .active{background:var(--brand-button-color);color:#fff}.records-favorite-create-modal-price-box{width:100%;margin-top:16px;display:flex;align-items:center;justify-content:space-between}.records-favorite-create-modal-price{position:relative;width:200px;display:flex;justify-content:flex-start;align-items:center}.records-favorite-create-modal-price>input{position:absolute;width:100%;opacity:0;font-size:20px;text-align:center;z-index:2;cursor:pointer;color:var(--brand-font-color)}.records-favorite-create-modal-price .price-display{display:flex;justify-content:center;align-items:flex-start;font-size:16px;color:#333;z-index:1;pointer-events:none}.records-favorite-create-modal-price .price-display .won{margin-left:2px;font-size:16px}.records-favorite-create-modal-date-box{width:100%;margin-top:16px;display:flex;align-items:center;justify-content:space-between}.records-favorite-create-modal-date{width:200px;display:flex;justify-content:flex-start;align-items:center}.records-favorite-create-modal-date button{padding:0}.records-favorite-create-modal-category-box,.records-favorite-create-modal-memo-box{width:100%;margin-top:16px;display:flex;align-items:center;justify-content:space-between}.records-favorite-create-modal-category{display:flex;justify-content:flex-start;align-items:center;cursor:pointer}.records-favorite-create-modal-category-wrapper{width:200px}.records-favorite-create-modal-category-items{display:grid;grid-template-columns:repeat(4,1fr);max-height:300px;overflow-y:auto}.records-favorite-create-modal-category-item{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:2px;border-radius:8px;transition:background-color .2s}.records-favorite-create-modal-category-item:hover{background-color:var(--brand-select-box-background-hover)}.records-favorite-create-modal-category-item>img{width:28px;height:28px;object-fit:contain;margin-bottom:8px}.records-favorite-create-modal-category-item>span{font-size:12px;color:var(--brand-font-color);text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.records-favorite-create-modal-memo-box>input{width:200px;display:flex;justify-content:flex-start;align-items:center;border:none;outline:none;font-size:16px;background-color:transparent;color:var(--brand-font-color)}.records-favorite-create-modal-memo-box>input::placeholder{color:var(--brand-input-placeholder-color)}.records-favorite-create-modal-price-type-box,.records-favorite-create-modal-assets-box{width:100%;margin-top:16px;display:flex;align-items:center;justify-content:space-between}.records-favorite-create-modal-assets-box div{width:200px}.records-favorite-create-modal-active-box{width:100%;margin-top:16px;display:flex;flex-direction:column}.action-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.action-buttons>button{width:30%;height:30px;font-size:16px;border:1px solid var(--brand-border-color);border-radius:5px;cursor:pointer}.action-buttons>button:hover,.action-button-modify:hover{background-color:var(--brand-button-color);color:#fff;transition:all .4s ease}.price-type-simple-select-box{position:relative;display:inline-block;width:200px;font-family:inherit}.price-type-select-trigger{width:100%;height:25px;padding:8px 12px;border:1px solid var(--brand-border-color);border-radius:8px;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;background-color:var(--brand-select-box-background)}.price-type-select-trigger span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;display:flex;align-items:center}.dropdown-icon{width:18px;height:18px;transition:transform .2s ease}.price-type-select-options{margin:4px 0 0;padding:0;list-style:none;border:1px solid #ccc;border-radius:8px;overflow:hidden;position:absolute;width:100%;z-index:100;box-shadow:0 4px 8px #0000001a;background-color:var(--brand-select-box-background)}.price-type-select-option{padding:8px 12px;width:100%;background:none;border:none;text-align:left;cursor:pointer}.price-type-select-option:hover{background-color:var(--brand-select-box-background-hover)}.price-type-select-box-label-box{display:flex;align-items:center;gap:6px;font-size:14px}.price-type-select-box-label-box>span{padding-top:2px}.simple-select-box{position:relative;display:inline-block;width:50%;font-family:inherit}.select-trigger{width:100%;height:25px;padding:8px 12px;border:1px solid var(--brand-border-color);border-radius:8px;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;background-color:var(--brand-select-box-background)}.select-trigger span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;display:flex;align-items:center;color:var(--brand-font-color)}.dropdown-icon{width:18px;height:18px;transition:transform .2s ease;color:var(--brand-svg-color)}.dropdown-icon.rotate{transform:rotate(180deg)}.select-options{margin:4px 0 0;padding:0;list-style:none;border:1px solid var(--brand-border-color);border-radius:8px;overflow:scroll;position:absolute;width:100%;z-index:100;box-shadow:0 4px 8px #0000001a;background-color:var(--brand-select-box-background);max-height:200px}.select-options::-webkit-scrollbar{display:none}.select-option{padding:8px 12px;width:100%;background:none;border:none;text-align:left;cursor:pointer;color:var(--brand-font-color)}.select-option:hover{background-color:var(--brand-select-box-background-hover)}.select-box-label-box{display:flex;align-items:center;gap:6px;font-size:14px}.select-box-label-box>span{padding-top:2px}