@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{background-color:#fff;color:#000;font-family:sans-serif}.page-container{max-width:400px;width:90%;margin:1rem auto}.base-input{label[data-v-9c39e9d1] {font-size: 16px; margin-bottom: 8px; color: inherit;}}.base-input[data-v-9c39e9d1]{display:flex;flex-direction:column}.base-input-field[data-v-9c39e9d1]{width:100%;padding:12px 16px;border:1px solid #ccc;border-radius:8px;font-size:16px}.base-input-field[data-v-9c39e9d1]:focus{outline:none;border-color:#007bff}@media (max-width: 499px){.base-input[data-v-9c39e9d1]{font-size:14px}.base-input-field[data-v-9c39e9d1]{padding:10px 14px;font-size:14px}}.base-button[data-v-702de906]{display:inline-block;border:none;border-radius:9999px;text-align:center;cursor:pointer;transition:background-color .2s,border-color .2s;color:#fff;width:100%;white-space:nowrap}.base-button[data-v-702de906]:disabled{background-color:#aaa;cursor:not-allowed}.base-button.ghost[data-v-702de906]{border:1px solid #999;background-color:transparent;color:#000}.base-button.ghost[data-v-702de906]:disabled{color:#555}.base-button[data-v-702de906]:hover{opacity:.8}.base-button.blue[data-v-702de906]{background-color:#007bff;color:#fff}.base-button.orange[data-v-702de906]{background-color:#ff9500;color:#fff}.base-button.red[data-v-702de906]{background-color:#dc3545;color:#fff}.base-button.green[data-v-702de906]{background-color:#28a745}.base-button.gray[data-v-702de906]{background-color:#6c757d;color:#fff}.base-button.sm[data-v-702de906]{padding:.3rem .6rem;font-size:.8rem;border-radius:10px;width:initial}.base-button.md[data-v-702de906]{padding:.7rem 1rem;font-size:1rem}.base-button.lg[data-v-702de906]{padding:1rem 1.4rem;font-size:1.2rem}.login-page[data-v-9e63e2a7]{display:flex;flex-direction:column;align-items:center;padding-top:80px;position:relative;min-height:calc(100vh - 32px)}.login-page .logo-area[data-v-9e63e2a7]{margin-bottom:32px;display:flex;flex-direction:column;align-items:center}.login-page .logo-area .logo-icon[data-v-9e63e2a7]{height:70px;object-fit:contain;margin-bottom:8px}.login-page .logo-area .logo-text[data-v-9e63e2a7]{font-size:32px;font-weight:700;color:inherit}.login-page .form-area[data-v-9e63e2a7],.login-page .button-area[data-v-9e63e2a7]{width:100%;max-width:400px;display:flex;flex-direction:column;gap:10px}.login-page .button-area[data-v-9e63e2a7]{margin-top:30px}.login-page .version-info[data-v-9e63e2a7]{position:absolute;bottom:5px;left:5px;font-size:.875rem;color:#666}.auth-page{h1[data-v-e9ff6840] {text-align: center; margin-bottom: 1rem; font-size: 1.5rem;} .auth-description[data-v-e9ff6840] {text-align: center; margin-bottom: 2rem; color: #666;}}.auth-page[data-v-e9ff6840]{margin-top:5rem;display:flex;flex-direction:column;align-items:center;max-width:400px;margin-left:auto;margin-right:auto}.signup-page{h1[data-v-e9ff6840] {text-align: center; margin-bottom: 1rem; font-size: 1.5rem;}}.signup-page[data-v-e9ff6840]{margin-top:5rem}.form-area[data-v-e9ff6840]{display:flex;flex-direction:column;gap:10px}.main-layout[data-v-68c07007]{display:flex;flex-direction:column;min-height:100vh}.main-layout header.header-bar[data-v-68c07007]{background-color:#eee;color:#000;padding:1rem}.main-layout header.header-bar .header-top[data-v-68c07007]{display:flex;align-items:center}.main-layout header.header-bar .back-button[data-v-68c07007]{position:absolute;top:75px;left:15px;margin-right:1rem;background:none;color:#000;border:none;font-size:1.2rem;cursor:pointer}.main-layout header.header-bar .header-left[data-v-68c07007]{display:flex;align-items:center}.main-layout header.header-bar .header-left .logo-icon[data-v-68c07007]{width:32px;margin-right:8px;object-fit:contain}.main-layout header.header-bar .header-left .logo[data-v-68c07007]{margin:0;font-size:1.2rem}.main-layout main.main-content[data-v-68c07007]{flex:1;padding:1rem 1rem 5rem}.main-layout footer.bottom-nav[data-v-68c07007]{position:fixed;bottom:0;width:100%;background-color:#333;display:flex;align-items:center;justify-content:space-around}.main-layout footer.bottom-nav .nav-item[data-v-68c07007]{display:flex;flex-direction:column;align-items:center;color:#ccc;text-align:center;cursor:pointer;flex:1;padding:.5rem 0 2rem}.main-layout footer.bottom-nav .nav-item[data-v-68c07007]:hover{background-color:#333}.main-layout footer.bottom-nav .nav-item .nav-icon[data-v-68c07007]{width:24px;object-fit:contain;margin-bottom:4px}.main-layout footer.bottom-nav .nav-item .nav-label[data-v-68c07007]{font-size:.75rem}.base-card[data-v-3ac21358]{background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:1rem}.group-card[data-v-e63890eb]{cursor:pointer;transition:box-shadow .2s}.group-card[data-v-e63890eb]:hover{box-shadow:0 3px 6px #0003}.group-card .card-top[data-v-e63890eb]{display:flex;justify-content:space-between}.group-card .card-title[data-v-e63890eb]{margin:0;font-size:20px}.group-card .card-comment[data-v-e63890eb]{margin:3px 0;font-size:14px}.group-card .card-actions[data-v-e63890eb]{min-width:94px}.group-card .card-members[data-v-e63890eb]{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px}.group-card .card-members .member-thumb[data-v-e63890eb]{width:32px;height:32px;border-radius:50%;object-fit:cover}.modal-overlay[data-v-765e22fb]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:999}.modal-overlay .modal-content[data-v-765e22fb]{background:#fff;color:#333;width:90%;max-width:500px;padding:25px;border-radius:12px;position:relative}.modal-overlay .modal-content .modal-header[data-v-765e22fb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-overlay .modal-content .modal-header .modal-title[data-v-765e22fb]{font-size:1.2rem;font-weight:700}.modal-overlay .modal-content .modal-header .close-button[data-v-765e22fb]{background:none;border:none;font-size:1.2rem;cursor:pointer}.modal-overlay .modal-content .modal-body[data-v-765e22fb]{max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (max-width: 499px){.modal-overlay .modal-content[data-v-765e22fb]{padding:15px}}.group-list-page{h1[data-v-1ef8ef71] {text-align: center; margin-bottom: 1rem;} .group-cards[data-v-1ef8ef71] {display: grid; grid-template-columns: repeat(auto-fill,minmax(250px,1fr)); gap: 1rem; margin-top: 1rem;} .group-form[data-v-1ef8ef71] {display: flex; flex-direction: column; gap: 10px;}}.group-detail-page .top-area[data-v-8e686776]{display:flex;gap:1rem}.group-detail-page .top-area .thumb-container[data-v-8e686776]{cursor:pointer}.group-detail-page .top-area .thumb-container .group-thumb[data-v-8e686776]{width:80px;height:80px;border-radius:50%;object-fit:cover}.group-detail-page .top-area .group-info[data-v-8e686776]{display:flex;flex-direction:column;justify-content:center}.group-detail-page .top-area .group-info .group-name[data-v-8e686776]{margin:0;font-size:1.2rem}.group-detail-page .top-area .group-info .group-comment[data-v-8e686776]{margin:.2rem 0;font-size:.9rem}.group-detail-page .buttons[data-v-8e686776]{margin-top:1rem;display:flex;gap:.5rem;flex-wrap:wrap}.group-detail-page .member-thumbs[data-v-8e686776]{display:flex;flex-wrap:wrap;gap:8px;margin-top:.5rem}.group-detail-page .member-thumbs .member[data-v-8e686776]{display:flex;flex-direction:column;align-items:center}.group-detail-page .member-thumbs .member .member-thumb[data-v-8e686776]{width:40px;height:40px;border-radius:50%;object-fit:cover}.group-detail-page .member-list[data-v-8e686776]{margin:.5rem 0 1rem}.group-detail-page .member-list .member-item[data-v-8e686776]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.group-detail-page .member-list .member-item .left[data-v-8e686776]{display:flex;align-items:center}.group-detail-page .member-list .member-item .left .member-thumb[data-v-8e686776]{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:8px}.group-detail-page .member-list .member-item .left .member-name[data-v-8e686776]{color:#000}.group-detail-page .unjoined-members{span.unjoined-member {&[data-v-8e686776] {display: flex; flex-direction: column; align-items: center; cursor: pointer;} .unjoined-thumb[data-v-8e686776] {width: 48px; height: 48px; border-radius: 50%; object-fit: cover; margin-bottom: 4px;} .unjoined-name[data-v-8e686776] {font-size: .8rem; color: #333;} &[data-v-8e686776]:hover {opacity: .8;}}}.group-detail-page .unjoined-members[data-v-8e686776]{display:flex;flex-wrap:wrap;gap:8px;margin:1rem 0}.travel-plan-page{h1[data-v-7557fe5c] {text-align: center; margin-bottom: 1rem;} .plan-cards[data-v-7557fe5c] {margin-top: 1rem; display: grid; gap: 1rem;} .plan-card {&[data-v-7557fe5c] {background-color: #fff; border: 1px solid #ccc; padding: 1rem; border-radius: 8px; cursor: pointer;} &[data-v-7557fe5c]:hover {background-color: #eee;}}}.travel-plan-page[data-v-7557fe5c]{max-width:600px;margin:1rem auto}.base-radio{input[type="radio"]:checked + .radio-custom {&[data-v-1c7a0c0c] {border-color: #007bff;} &[data-v-1c7a0c0c]::after {content: ""; width: 10px; height: 10px; background-color: #007bff; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}} .radio-label[data-v-1c7a0c0c] {font-size: 16px; color: inherit;} &:hover .radio-custom[data-v-1c7a0c0c] {border-color: #007bff;}}.base-radio[data-v-1c7a0c0c]{display:inline-flex;align-items:center;cursor:pointer}.base-radio .radio-input[data-v-1c7a0c0c]{opacity:0;position:absolute;pointer-events:none}.base-radio .radio-custom[data-v-1c7a0c0c]{width:20px;height:20px;border:1px solid #ccc;margin-right:6px;background-color:#fff;display:inline-block;position:relative;border-radius:50%;transition:border-color .2s;flex-shrink:0}@media (max-width: 499px){.base-radio{input[type="radio"]:checked + .radio-custom {&[data-v-1c7a0c0c]::after {width: 8px; height: 8px;}} .radio-label[data-v-1c7a0c0c] {font-size: 14px;}}.base-radio[data-v-1c7a0c0c]{font-size:14px}.base-radio .radio-custom[data-v-1c7a0c0c]{width:16px;height:16px;margin-right:4px}}.base-select-container[data-v-2a995aa9]{display:inline-block;width:100%}.base-select{label[data-v-2a995aa9] {margin-bottom: .3rem;}}.base-select[data-v-2a995aa9]{display:flex;flex-direction:column;position:relative;cursor:pointer;width:100%}.base-select-field[data-v-2a995aa9]{padding:12px 16px;border:1px solid #ccc;border-radius:8px;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.base-select-field[data-v-2a995aa9]:focus{outline:none;border-color:#007bff}.base-select-arrow[data-v-2a995aa9]{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000}@media (max-width: 499px){.base-select-field[data-v-2a995aa9]{padding:10px 14px;font-size:14px}}.media-page[data-v-5398573e]{max-width:400px;width:90%;margin:1rem auto}.top-actions[data-v-5398573e]{display:flex;gap:.5rem;margin-bottom:1rem;margin-top:.5rem;flex-wrap:wrap}.media-list[data-v-5398573e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.media-list .media-item[data-v-5398573e]{position:relative;border:1px solid #ccc;padding:.5rem;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center}.media-list .media-item.selected[data-v-5398573e]{background-color:#daf1ff}.media-list .media-item.disabled[data-v-5398573e]{background-color:#000;opacity:.5;cursor:not-allowed}.media-list .media-item .check-overlay[data-v-5398573e]{position:absolute;top:4px;left:4px;z-index:2}.media-list .media-item .thumb-container[data-v-5398573e]{display:inline-block;position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:4px}.media-list .media-item .thumb[data-v-5398573e]{width:100%;height:100%;object-fit:cover;object-position:center}.media-list .media-item .video-icon[data-v-5398573e]{background:rgba(0,0,0,.5);position:absolute;bottom:3px;right:3px;width:35px;padding:5px;border-radius:5px}.modal-body[data-v-5398573e]{display:flex;flex-direction:column}.progress_wrap[data-v-5398573e]{text-align:center}.progress_wrap .downloading p[data-v-5398573e],.progress_wrap .downloaded p[data-v-5398573e]{margin-top:1rem}.buttons[data-v-5398573e]{margin-top:1rem;text-align:right}.initial-setup-images{img[data-v-5398573e] {display: block; max-width: 200px; height: auto; border-radius: 8px; margin: 0 auto 10px;}}.initial-setup-images[data-v-5398573e]{margin-top:1rem}.file-upload-area .selected-files[data-v-5398573e]{display:inline-block;margin-left:.5rem}.download-confirm-content[data-v-5398573e]{text-align:center}.download-confirm-content .download-warning[data-v-5398573e]{margin-bottom:1.5rem;font-size:14px;color:#666;line-height:1.5}.download-confirm-content .download-options[data-v-5398573e]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.base-checkbox{input[type="checkbox"]:checked + .checkbox-custom {&[data-v-a5e2174d] {background-color: #007bff; border-color: #007bff;} &[data-v-a5e2174d]::after {content: "✓"; color: #fff; font-size: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}} .checkbox-label[data-v-a5e2174d] {font-size: 16px; color: inherit;} &:hover .checkbox-custom[data-v-a5e2174d] {border-color: #007bff;}}.base-checkbox[data-v-a5e2174d]{display:inline-flex;align-items:center;cursor:pointer;vertical-align:middle}.base-checkbox .checkbox-input[data-v-a5e2174d]{opacity:0;position:absolute;pointer-events:none}.base-checkbox .checkbox-custom[data-v-a5e2174d]{width:20px;height:20px;border:1px solid #ccc;margin-right:6px;background-color:#fff;display:inline-block;position:relative;border-radius:4px;transition:border-color .2s,background-color .2s}@media (max-width: 499px){.base-checkbox{input[type="checkbox"]:checked + .checkbox-custom {&[data-v-a5e2174d]::after {font-size: 14px;}} .checkbox-label[data-v-a5e2174d] {font-size: 14px;}}.base-checkbox .checkbox-custom[data-v-a5e2174d]{width:18px;height:18px;margin-right:4px}}.payment-record-page[data-v-7101a3bd]{color:#000}.payment-record-page h1[data-v-7101a3bd]{margin-bottom:.5rem}.payment-record-page .add-record-button[data-v-7101a3bd]{margin-top:1rem;margin-bottom:1rem;text-align:center}.payment-record-page .record-cards .record-card[data-v-7101a3bd]{background-color:#fff;color:#000;border:1px solid #444;border-radius:8px;margin-bottom:1rem;padding:1rem;display:flex;justify-content:space-between;align-items:flex-start}.payment-record-page .record-cards .record-card .card-left .record-title[data-v-7101a3bd]{margin:0;font-size:1.2rem}.payment-record-page .record-cards .record-card .card-left .small-text[data-v-7101a3bd]{font-size:.9rem;color:#000;margin:.3rem 0 .5rem}.payment-record-page .record-cards .record-card .card-left .members-line[data-v-7101a3bd]{display:flex;gap:4px;flex-wrap:wrap}.payment-record-page .record-cards .record-card .card-left .members-line img.user-thumb[data-v-7101a3bd]{width:32px;height:32px;border-radius:50%;object-fit:cover}.payment-record-page .record-cards .record-card .card-right[data-v-7101a3bd]{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.payment-record-page .record-cards .record-card .card-right .record-amount[data-v-7101a3bd]{font-size:1.1rem;font-weight:700}.payment-record-page .record-cards .record-card .card-right .card-actions[data-v-7101a3bd]{display:flex;gap:4px}.payment-record-page .settlement-section[data-v-7101a3bd]{margin-top:3rem}.payment-record-page .settlement-section h2[data-v-7101a3bd]{margin-bottom:.5rem;font-size:1.3rem;color:#000}.payment-record-page .settlement-section .settlement-table[data-v-7101a3bd]{margin-top:1rem}.payment-record-page .settlement-section .settlement-table table[data-v-7101a3bd]{width:100%;border-collapse:collapse;background-color:#fff;border:1px solid #444;border-radius:8px;overflow:hidden;table-layout:fixed}.payment-record-page .settlement-section .settlement-table table thead[data-v-7101a3bd]{background-color:#f5f5f5}.payment-record-page .settlement-section .settlement-table table thead th[data-v-7101a3bd]{padding:.75rem;text-align:left;font-weight:700;border-bottom:1px solid #444;color:#000}.payment-record-page .settlement-section .settlement-table table thead th[data-v-7101a3bd]:nth-child(1){width:calc((100% - 180px)/2)}.payment-record-page .settlement-section .settlement-table table thead th[data-v-7101a3bd]:nth-child(2){width:calc((100% - 180px)/2)}.payment-record-page .settlement-section .settlement-table table thead th[data-v-7101a3bd]:nth-child(3){width:100px}.payment-record-page .settlement-section .settlement-table table thead th[data-v-7101a3bd]:nth-child(4){width:80px}.payment-record-page .settlement-section .settlement-table table tbody tr[data-v-7101a3bd]{border-bottom:1px solid #ddd}.payment-record-page .settlement-section .settlement-table table tbody tr[data-v-7101a3bd]:last-child{border-bottom:none}.payment-record-page .settlement-section .settlement-table table tbody tr[data-v-7101a3bd]:hover{background-color:#f9f9f9}.payment-record-page .settlement-section .settlement-table table tbody tr td[data-v-7101a3bd]{padding:.5rem;font-size:.9rem;color:#000;vertical-align:middle}.payment-record-page .settlement-section .settlement-table table tbody tr td .settlement-status[data-v-7101a3bd]{padding:.25rem .5rem;border-radius:4px;font-weight:700;transition:all .2s}.payment-record-page .settlement-section .settlement-table table tbody tr td .settlement-status[data-v-7101a3bd]:hover{opacity:.8}.payment-record-page .settlement-section .settlement-paid[data-v-7101a3bd]{color:green;background-color:#e8f5e8}.payment-record-page .settlement-section .settlement-unpaid[data-v-7101a3bd]{color:red;background-color:#ffe8e8}.split_row[data-v-7101a3bd]{display:flex;align-items:center;gap:5px;margin-bottom:25px}.split_row span[data-v-7101a3bd]{line-height:36px;vertical-align:middle}.split_check_control[data-v-7101a3bd]{display:flex;justify-content:flex-end;gap:5px;margin-top:-10px;margin-bottom:15px}.split_check_row[data-v-7101a3bd]{display:grid;padding:0 10px;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:25px}.split_check_row .member-thumb[data-v-7101a3bd]{width:30px;height:30px;border-radius:50%;object-fit:cover;line-height:30px;vertical-align:middle;margin-right:5px}.split_check_row span[data-v-7101a3bd]{vertical-align:middle}.my-settlement-list{h2[data-v-72a972a2] {text-align: center; margin-bottom: 1rem;} .settlement-card[data-v-72a972a2],.settlement-card-paid[data-v-72a972a2] {margin-bottom: 1rem; cursor: pointer;} hr[data-v-72a972a2] {margin: 1rem 0; border-top: 1px solid #ccc;}}.my-settlement-list[data-v-72a972a2]{max-width:600px;margin:1rem auto}.my-settlement-list .notice[data-v-72a972a2]{margin-bottom:1rem;font-size:.9rem}.individual-settlement-detail-page{h2[data-v-7709e4bc] {text-align: center; margin-bottom: 1rem;} p[data-v-7709e4bc] {margin-bottom: .5rem;}}.individual-settlement-detail-page[data-v-7709e4bc],.settings-page[data-v-12bfd0ab]{max-width:400px;margin:1rem auto}.settings-page .top-area[data-v-12bfd0ab]{display:flex;align-items:flex-start;margin-bottom:1rem}.settings-page .top-area .thumb-container[data-v-12bfd0ab]{cursor:pointer}.settings-page .top-area .thumb-container .user-thumb[data-v-12bfd0ab]{width:80px;height:80px;border-radius:50%;object-fit:cover}.settings-page .top-area .user-info[data-v-12bfd0ab]{margin-left:1rem}.settings-page .top-area .user-info .player-id[data-v-12bfd0ab]{font-size:1.2rem;margin:0 0 .2rem}.settings-page .top-area .user-info .nickname[data-v-12bfd0ab]{font-size:1rem;color:#666;margin:0}.settings-page .user-profile[data-v-12bfd0ab]{margin-bottom:1rem;white-space:pre-wrap}.settings-page .buttons[data-v-12bfd0ab]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.settings-page .buttons .delete-account-button[data-v-12bfd0ab]{color:#dc3545!important;border-color:#dc3545!important}.settings-page .buttons .delete-account-button[data-v-12bfd0ab]:hover{background-color:#dc3545!important;color:#fff!important}.settings-page .setting-form[data-v-12bfd0ab]{display:flex;flex-direction:column;gap:10px}.settings-page .textarea-label[data-v-12bfd0ab]{font-size:16px}.settings-page .textarea-profile[data-v-12bfd0ab]{width:100%;height:80px;padding:.5rem;margin:.5rem 0 1rem;resize:vertical;border:1px solid #ccc;border-radius:6px}.settings-page .textarea-profile[data-v-12bfd0ab]:focus{outline:none;border-color:#007bff}.base-input{label[data-v-12bfd0ab] {font-size: .9rem; margin-bottom: .3rem; color: inherit;}}.base-input[data-v-12bfd0ab]{display:flex;flex-direction:column}.base-input-field[data-v-12bfd0ab]{width:100%;padding:12px 16px;border:1px solid #ccc;border-radius:8px;font-size:16px}.base-input-field[data-v-12bfd0ab]:focus{outline:none;border-color:#007bff}.delete-account-content .warning-message{p {&[data-v-12bfd0ab] {margin: 0 0 .5rem 0; color: #856404;} &[data-v-12bfd0ab]:last-child {margin-bottom: 0;}}}.delete-account-content .warning-message[data-v-12bfd0ab]{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1rem;margin-bottom:1rem}.delete-account-content .confirmation-message{p[data-v-12bfd0ab] {font-size: 1.1rem; font-weight: bold; margin-bottom: 1rem;} .countdown-timer {&[data-v-12bfd0ab] {margin-bottom: 1rem;} p[data-v-12bfd0ab] {color: #dc3545; font-size: 1.2rem; font-weight: bold;}}}.delete-account-content .confirmation-message[data-v-12bfd0ab]{text-align:center}.delete-account-content .initial-buttons[data-v-12bfd0ab]{display:flex;justify-content:center;gap:.5rem}@media (max-width: 499px){.textarea-label[data-v-12bfd0ab]{font-size:14px}}.plan-detail-page{h1[data-v-bb994013] {text-align: center; margin-bottom: 1rem;} .plan-items {&[data-v-bb994013] {margin-top: 1rem;} .plan-item[data-v-bb994013] {background-color: #fff; border: 1px solid #ccc; border-radius: 8px; padding: .5rem; margin-bottom: .5rem;}} .textarea-note {&[data-v-bb994013] {width: 100%; height: 60px; margin-bottom: .5rem; border-radius: 6px; border: 1px solid #ccc; padding: .4rem;} &[data-v-bb994013]:focus {outline: none; border-color: #007bff;}}}.plan-detail-page[data-v-bb994013]{max-width:600px;margin:1rem auto}.friends-page{h1[data-v-abe1266f] {text-align: center; margin-bottom: 1rem;} .top-area {&[data-v-abe1266f] {display: flex; align-items: center; justify-content: flex-start; margin-bottom: .5rem;} .add-friend-button[data-v-abe1266f] {margin-right: 1rem;}} .friend-cards[data-v-abe1266f] {display: grid; gap: .5rem; margin-top: 1rem;} .friend-card {&[data-v-abe1266f] {display: flex; flex-direction: column; padding: .8rem; border-radius: 8px; background-color: #fff; border: 1px solid #ccc;} &.pending[data-v-abe1266f] {opacity: .7;} &[data-v-abe1266f]:hover {background-color: #fff;} .friend-top {&[data-v-abe1266f] {display: flex; align-items: center; gap: .5rem;} .friend-thumb[data-v-abe1266f] {width: 40px; height: 40px; border-radius: 50%; object-fit: cover;} .friend-info {&[data-v-abe1266f] {display: flex; flex-direction: column;} .friend-name[data-v-abe1266f] {margin: 0; font-weight: bold;}}} .friend-actions[data-v-abe1266f] {display: flex; gap: .5rem; justify-content: flex-end;}} .search-wrap[data-v-abe1266f] {margin-bottom: 1rem;} .search-result-area {&[data-v-abe1266f] {border-radius: 8px;} .loading-search[data-v-abe1266f] {margin: 0; color: #555;} .error-text[data-v-abe1266f] {margin: 0; color: red; font-weight: bold;} .search-result-text[data-v-abe1266f] {font-size: 14px; font-weight: bold; margin-bottom: 5px;} .search-card {&[data-v-abe1266f] {display: flex; align-items: center; padding: .8rem; border-radius: 8px; background-color: #fff;} .friend-thumb[data-v-abe1266f] {width: 40px; height: 40px; border-radius: 50%; object-fit: cover;} .friend-info {&[data-v-abe1266f] {display: flex; flex-direction: column; margin-left: .5rem;} .friend-name[data-v-abe1266f] {margin: 0; font-weight: bold;}}}}}.drive-accounts-page{h1[data-v-54523ef4] {text-align: center; margin-bottom: 1rem;} .explanation {&[data-v-54523ef4] {background-color: #fff; border: 1px solid #ccc; padding: 1rem; border-radius: 8px; margin-bottom: 1rem;} details {&[data-v-54523ef4] {margin-top: .5rem; padding: .5rem 0;} summary[data-v-54523ef4] {cursor: pointer; font-weight: bold;} .steps {&[data-v-54523ef4] {margin-top: .5rem;} img[data-v-54523ef4] {display: block; width: 100%; margin-bottom: 5px;}}}} .account-item {&[data-v-54523ef4] {display: flex; align-items: center; justify-content: space-between; gap: 1rem; border: 1px solid #ccc; border-radius: 8px; padding: .75rem; margin-bottom: 1rem; cursor: pointer;} .account-info {&[data-v-54523ef4] {display: flex; flex-direction: column;} .created-at[data-v-54523ef4] {font-size: .85rem; color: #666;}} .capacity-bar {&[data-v-54523ef4] {width: 100px; height: 10px; background: #eee; border-radius: 5px; overflow: hidden; position: relative;} &.over[data-v-54523ef4] {border: 2px solid #f44336;} .bar-inner[data-v-54523ef4] {height: 100%; transition: width .3s;}} .delete-button[data-v-54523ef4] {margin-left: auto;}} hr[data-v-54523ef4] {margin: 1rem 0; border-top: 1px solid #ccc;} .json-area {&[data-v-54523ef4] {width: 100%; font-family: monospace; margin-bottom: .5rem; padding: .5rem; border-radius: 8px; border: 1px solid #ccc;} &[data-v-54523ef4]:focus {outline: none; border-color: #007bff;}} .buttons[data-v-54523ef4] {margin-top: .5rem;}}.drive-accounts-page[data-v-54523ef4]{max-width:600px;margin:1rem auto}.detail-body{p[data-v-54523ef4] {margin-bottom: .5rem; line-height: 1.4;}}.vue-advanced-cropper{text-align:center;position:relative;-webkit-user-select:none;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{-webkit-user-select:none;user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:black;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:white;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}