@import"https://fonts.googleapis.com/css2?family=Klee+One&family=Nova+Square&display=swap";.bilingual-text{line-height:1.3}.bilingual-ja{display:block;font-size:1em}.bilingual-en{display:block;font-size:.85em;color:var(--text-color-secondary);margin-top:4px;font-weight:400}.btn .bilingual-text{line-height:1}.btn .bilingual-ja,.btn .bilingual-en{display:inline;margin-top:0}span.bilingual-text>span{display:inline;padding:.1em;color:var(--text-color)}span.bilingual-text>span.bilingual-en{font-size:.7em;color:var(--text-color-tertiary)}span.bilingual-text.light>span.bilingual-en{color:var(--text-color-secondary)}.qr-code-reader-container{position:relative;width:100%;max-width:400px;height:300px;border-radius:10px;overflow:hidden;background-color:#000}.qr-reader-video{width:100%;height:100%;object-fit:cover}.qr-reader-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;border:2px solid rgba(255,255,255,.7);box-shadow:0 0 0 9999px #00000080}.camera-selector-container{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:10}.camera-selector-container select{padding:8px 12px;border-radius:5px;border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--text-color);font-size:.9em;cursor:pointer}.scan-paused-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:1em 2em;background-color:var(--success-color);color:#000;font-weight:700;border-radius:var(--border-radius-sm);z-index:10;animation:fadeInOut 2s ease-in-out}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.auth-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--overlay-bg);display:flex;justify-content:center;align-items:center;z-index:9999;color:var(--text-color);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}.auth-box{display:flex;flex-direction:column;align-items:center;gap:15px;padding:30px;border-radius:var(--border-radius-lg);text-align:center}.auth-box h1{margin:0;color:var(--accent-color)}.auth-box p{margin:0;max-width:400px}.auth-error{margin-top:10px;padding:10px;background-color:var(--error-color);color:var(--text-color);border-radius:var(--border-radius-sm);font-weight:700}.auth-actions{margin-top:10px}.cancel-auth-btn{background:var(--btn-secondary-bg);font-size:.9em;padding:.5em 1em}.cancel-auth-btn:hover{background:var(--btn-secondary-hover-bg)}.separator{font-weight:700;color:var(--text-color-secondary);margin:5px 0!important}.manual-login-form{display:flex;flex-direction:column;gap:10px;width:100%;max-width:400px}.auth-input{width:100%;padding:12px;font-size:1em;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--border-radius-sm);color:var(--text-color);box-sizing:border-box}.auth-input:focus{outline:none;border-color:var(--accent-color)}.login-btn{width:100%;padding:12px;font-size:1.1em;margin-top:5px}.elapsed-time-indicator{font-size:.8em;color:var(--text-color-secondary);font-weight:400;flex-shrink:0;margin-left:1em;white-space:nowrap}.scanning-view-container{display:flex;height:100%;width:100%;gap:1.5em;padding:1.5em;box-sizing:border-box}.scanner-section{flex:2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5em;border-radius:var(--border-radius-md);padding:2em;min-width:350px}.scanner-placeholder{width:100%;height:100%;max-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0000004d;border-radius:10px;border:2px dashed var(--input-border)}.placeholder-icon{font-size:4em;opacity:.5}.scanner-placeholder p{font-size:1.5em;color:var(--accent-color)}.scan-instruction{text-align:center;font-size:1.2em;color:var(--text-color-secondary)}.ticket-list-section{flex:3;display:flex;flex-direction:column;border-radius:var(--border-radius-md);padding:1.5em;overflow:hidden}.scan-error-container{background-color:#ff4d4d1a;border-left:4px solid var(--error-color);padding:.5em 1em;margin-bottom:1em;border-radius:var(--border-radius-sm);max-height:150px;overflow-y:auto;flex-shrink:0}.error-item-wrapper{display:flex;justify-content:space-between;align-items:center;margin:.5em 0}.error-item{color:#faa;font-size:.9em;margin:0;flex-grow:1}.error-item-wrapper:first-child .error-item{color:#fcc;font-weight:700}.list-header{display:flex;align-items:baseline;gap:1em;padding-bottom:1em;border-bottom:1px solid var(--input-border);flex-shrink:0}.list-header h2{margin:0;font-size:1.8em}.ticket-count{font-size:1.5em;color:var(--accent-color)}.ticket-list{flex-grow:1;overflow-y:auto;padding:1em;margin:0 -1em}.ticket-item{background:#ffffff0d;border-radius:var(--border-radius-sm);padding:1em 1.25em;margin-bottom:.75em;display:flex;justify-content:space-between;align-items:center;border-left:4px solid var(--accent-color);transition:background .2s ease}.ticket-item:hover{background:var(--hover-bg)}.ticket-info{flex-grow:1}.ticket-info .ticket-name{font-size:1.5em;font-weight:600;margin:0 0 8px}.ticket-meta{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.ticket-id,.ticket-exchange-time{display:block}.ticket-id{font-size:.85em;color:var(--text-color-secondary)}.ticket-exchange-time{font-size:1.1em;font-weight:500;color:var(--text-color)}.ticket-price-container{display:flex;align-items:center;gap:1em}.ticket-price{font-size:1.6em;font-weight:700;color:var(--accent-color);min-width:120px;text-align:right}.btn-cancel{background:var(--btn-cancel-color);color:var(--text-color);border:none;padding:.5em 1em;border-radius:6px;cursor:pointer;font-weight:600;margin-left:1em;transition:filter .2s ease}.btn-cancel:hover{filter:brightness(1.2)}.ticket-list-empty{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-color-secondary)}.empty-icon{font-size:5em;opacity:.3}.ticket-list-empty p{font-size:1.2em}.list-footer{padding-top:1em;border-top:1px solid var(--input-border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.total-price-display{font-size:1.2em}.total-amount{font-size:2em;font-weight:700;color:var(--accent-color);margin-left:1em}.btn-confirm{background:var(--btn-accept-color);color:var(--text-color);padding:1em 2.5em;border-radius:var(--border-radius-sm);font-size:1.3em;font-weight:700;border:none;cursor:pointer;transition:filter .2s ease}.btn-confirm:hover{filter:brightness(1.2)}.scanning-view-container.view-mode .scanner-section{display:none}.confirmation-view-page{height:100%;display:flex;flex-direction:column;box-sizing:border-box;padding:2em;animation:fadeIn .5s ease-out}.confirmation-box{width:auto;height:100%;display:flex;flex-direction:column;background-color:var(--background-color-light);background-image:none;border-radius:var(--border-radius-md);padding:2.5em;box-shadow:none;text-align:left}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirmation-title{font-size:2em;text-align:left;color:var(--accent-color);margin:0 0 1.5em;flex-shrink:0}.confirmation-title .bilingual-ja{font-size:1em}.confirmation-title .bilingual-en{font-size:.7em}.confirmation-total{background:var(--container-bg);padding:1.5em;border-radius:var(--border-radius-md);margin-bottom:1.5em;flex-shrink:0;display:flex;justify-content:space-between;align-items:center}.confirmation-total p{margin:0;font-size:1.6em;color:var(--text-color-secondary)}.confirmation-total span{font-size:3.2em;font-weight:700;color:var(--accent-color)}.exchange-details{margin-bottom:1.5em;text-align:left;flex-shrink:0}.detail-item{background:var(--container-bg);padding:1em;border-radius:var(--border-radius-md);margin-bottom:1em}.detail-item strong{display:block;font-size:1em;color:var(--accent-color)}.detail-item p{margin:.5em 0 0;font-size:1.2em}.confirmation-ticket-list{flex-grow:1;overflow:hidden;display:flex;flex-direction:column}.thank-you-msg{background-color:#4ade801a;color:var(--success-color);font-weight:700;padding:1em;border-radius:var(--border-radius-md);margin-bottom:2em;border:1px solid var(--success-color)}.thank-you-msg .bilingual-en{color:#a7f3d0}.list-items{height:100%;overflow-y:auto;text-align:left;padding:0 .5em}.ticket-item-confirm{display:flex;justify-content:space-between;align-items:center;padding:1em 0;font-size:1.1em}.ticket-item-confirm:not(:last-child){border-bottom:1px solid var(--input-border)}.ticket-info-confirm{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.ticket-name-confirm{font-weight:600;font-size:1.4em}.ticket-details-confirm{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:4px}.ticket-id-confirm{font-size:.8em;color:var(--text-color-secondary)}.ticket-exchange-time-confirm{font-size:1em}.ticket-price-confirm{font-weight:700;font-size:1.5em;color:var(--accent-color)}.list-title{font-size:1.2em;color:var(--text-color-secondary);border-bottom:1px solid var(--input-border);padding-bottom:.5em;margin-bottom:1em;text-align:left}.confirmation-actions{flex-shrink:0;margin-top:1.5em;display:flex;gap:1.5em}.confirmation-actions .btn{flex:1;padding:1em;font-size:1.2em;border-radius:var(--border-radius-sm)}.reject-btn{background:var(--btn-cancel-color)!important}.reject-btn:hover{filter:brightness(1.2)}.accept-btn{background:var(--btn-accept-color)!important}.accept-btn:hover{filter:brightness(1.2)}.reader-page{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;color:var(--text-color)}.loading-container{display:flex;justify-content:center;align-items:center;height:100%;font-size:2em;color:var(--accent-color)}.reader-header{display:flex;justify-content:space-between;align-items:center;padding:.75em 1.5em;background-color:#0a0f1eb3;border-bottom:1px solid var(--input-border);flex-shrink:0;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}.device-alias-display{font-size:.9em;color:var(--text-color);margin-top:6px;font-weight:500}.title-container{text-align:center}.reader-header h1{margin:0;font-size:1.5em;color:var(--accent-color);text-shadow:0 0 8px rgba(97,218,251,.7)}.connection-status{font-size:.8em;color:var(--text-color-secondary);margin-top:4px}.connection-status .dot{color:var(--success-color)}.header-left,.header-right{flex:1;display:flex;gap:1em;align-items:center}.header-right{justify-content:flex-end}.header-left{justify-content:flex-start}.back-btn,.view-toggle-btn,.logout-btn{padding:.5em 1em;font-size:.9em;border-radius:var(--border-radius-sm)}.back-btn,.logout-btn{background:var(--btn-secondary-bg)}.view-toggle-btn{background:var(--gradient-accent)}.reader-main{flex-grow:1;position:relative;overflow:hidden}.completed-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-bg);display:flex;justify-content:center;align-items:center;z-index:100;cursor:pointer;animation:fadeIn .5s ease-out}.completed-box{text-align:center;padding:3em;border-radius:var(--border-radius-lg);background-color:var(--background-color-light);animation:popIn .4s ease-out forwards}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.completed-box h1{color:var(--success-color);font-size:2.5em;margin:0}.completed-box p{color:var(--text-color-secondary);font-size:1.2em;margin-top:1.5em}.connection-error-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--overlay-bg);display:flex;justify-content:center;align-items:center;z-index:10000;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);color:var(--text-color);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.error-box{padding:2em 3em;border-radius:var(--border-radius-lg);text-align:center;max-width:500px}.error-box h1{color:var(--error-color);margin-bottom:1em}.error-box p{font-size:1.1em;line-height:1.6}.spinner{margin:2em auto 0;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top:4px solid var(--accent-color);width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.digital-clock-container{display:flex;justify-content:flex-start;align-items:center;height:100%;padding-left:5vw;background-color:transparent;color:var(--accent-color);font-family:var(--font-family);box-sizing:border-box}.digital-clock{font-size:8vw;font-weight:700;text-shadow:var(--shadow-glow)}.monitor-page-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.monitor-container{flex:6;display:flex;flex-direction:column;overflow:hidden;font-size:16px}.monitor-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background-color:var(--background-color-light);border-bottom:1px solid var(--input-border);flex-shrink:0}.monitor-header-left{display:flex;align-items:center;gap:2rem}.monitor-header h1{font-size:1.2rem;margin:0}.monitor-header-right{display:flex;align-items:center;gap:12px}.monitor-tabs{display:flex;gap:.5rem}.monitor-tabs button{padding:0px 1rem;cursor:pointer;background:transparent;color:var(--text-color-secondary);border:none;border-bottom:3px solid transparent;transition:all .2s ease}.monitor-tabs button.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.monitor-tabs button:hover{color:var(--text-color)}.ticket-display-area{flex-grow:1;display:flex;gap:1.5rem;padding:1.5rem;overflow:hidden;background-color:var(--background-color)}.active-devices-container{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem;overflow-y:auto;align-content:start;padding:.25rem}.completed-list-container{flex:0 0 500px;display:flex;flex-direction:column;overflow:hidden}.no-transactions{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:1.2rem;color:var(--text-color-secondary);opacity:.7}.no-transactions:before{content:"🗃️";font-size:4rem;margin-bottom:1rem;opacity:.5}.ticket-column{min-width:380px;height:700px;border-radius:var(--border-radius-md);padding:1rem 1.25rem;display:flex;flex-direction:column;transition:all .3s ease;border-top:3px solid transparent;background-color:#000;border-top-color:var(--accent-color)}.ticket-column.state-confirming{border-color:var(--warn-color)}.completed-column{height:100%;border-top-color:var(--success-color);display:flex;flex-direction:column}.ticket-column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;border-bottom:1px solid var(--input-border);padding-bottom:.5rem;flex-shrink:0}.ticket-column-header h2{margin:0;font-size:1.4rem;color:var(--text-color)}.connection-count{font-size:.9em;color:var(--success-color);font-weight:700}.column-tags{display:flex;gap:8px;margin-bottom:1rem;flex-shrink:0}.mode-tag,.state-tag{font-size:.8em;padding:4px 10px;border-radius:var(--border-radius-full);font-weight:700}.mode-tag{background-color:#333}.state-tag{background-color:#555;color:var(--text-color)}.state-confirming .state-tag{background-color:var(--warn-color);color:#000}.ticket-list{overflow-y:auto;flex-grow:1;padding:.5rem;margin:0 -.5rem}.ticket-card{background:#ffffff0d;color:var(--text-color);border-radius:var(--border-radius-sm);padding:.5rem;margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:center;border-left:4px solid var(--accent-color);transition:background-color .2s}.ticket-card:hover{background-color:var(--hover-bg)}.ticket-card.confirmed{border-left-color:var(--success-color)}.ticket-card-info{flex-grow:1}.ticket-name{font-size:1.8rem;font-weight:600;margin:0 0 6px}.ticket-meta{flex-direction:row;gap:4px;align-items:flex-start}.ticket-id{font-size:.8rem;color:var(--text-color-secondary)}.ticket-exchange-time{font-size:.8rem;font-weight:500;color:var(--text-color);margin-left:1.5em}.ticket-price{font-size:1.4rem;font-weight:700;color:var(--accent-color);min-width:fit-content;text-align:right}.ticket-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0;margin-left:1rem}.elapsed-time{font-size:.9rem;color:var(--text-color-secondary);font-weight:700}.group-alias-tag{display:inline-block;background-color:#ffffff1a;padding:4px 10px;border-radius:var(--border-radius-full);font-size:.8em;font-weight:500;color:#eee}.error-list{background-color:#ff4d4d1a;border-left:3px solid var(--error-color);padding:5px;margin-bottom:10px;max-height:70px;overflow-y:auto;flex-shrink:0;font-size:.9rem}.error-list h3{margin:0 0 5px;color:#fcc;font-size:1em}.error-log-item-wrapper{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:2px 5px}.error-log-item{color:#faa;font-size:.85em;margin:0}.total-price-display{background-color:#61dafb1a;border-left:3px solid var(--accent-color);color:var(--accent-color);padding:10px;margin-bottom:1rem;font-size:1.3rem;font-weight:700;text-align:right;padding-right:3rem;flex-shrink:0}.total-label{margin-right:1em}.mode-selection-container{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh}.mode-selection-box{padding:2.5em 3em;border-radius:var(--border-radius-md);text-align:center;box-shadow:var(--shadow-lg)}.mode-selection-box h1{color:var(--accent-color);margin-bottom:2.5em}.buttons-container{display:flex;flex-direction:column;gap:1.5em;margin-bottom:2.5em}.mode-btn{min-width:300px;padding:1em 2em;font-size:1.2em}.logout-btn-mode{background:var(--btn-secondary-bg);font-size:.9em;padding:.5em 1em}.mode-btn.admin-btn{background:var(--gradient-admin)}.mode-btn.admin-btn:hover{background:var(--gradient-admin-hover)}.expense-page-container{background-color:var(--background-color);padding:1em;min-height:100vh}.expense-header{max-width:1400px;margin:0 auto 1em;display:flex;justify-content:space-between;align-items:center}.expense-header .back-btn,.expense-header .logout-btn{padding:.5em 1em;font-size:.9em}.expense-header .back-btn,.expense-header .logout-btn{background:var(--btn-secondary-bg)}.expense-content-wrapper{max-width:1400px;margin:auto;padding:2em;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg)}.main-title{font-size:2.25em;font-weight:700;text-align:center;margin-bottom:2em;color:var(--accent-color)}.filter-area{display:flex;flex-direction:column;gap:.75em;margin-bottom:2em;padding:1em;background:#0003;border:1px solid var(--input-border);border-radius:var(--border-radius-sm)}.filter-inputs{display:flex;flex-wrap:wrap;gap:.5em}.filter-inputs input,.filter-inputs select{padding:.5em;font-size:.875em;flex-grow:1;min-width:120px;background-color:var(--input-bg);color:var(--text-color);border:1px solid var(--input-border);border-radius:.375em}.filter-inputs input:focus,.filter-inputs select:focus{outline:none;border-color:var(--accent-color)}.filter-controls{display:flex;align-items:center;gap:.5em}.filter-controls label{font-size:.875em;font-weight:500}.filter-controls select{padding:.5em;background-color:var(--input-bg);color:var(--text-color);border:1px solid var(--input-border);border-radius:.375em}.filter-controls button{padding:.5em 1em;border-radius:.375em;cursor:pointer;background:var(--btn-secondary-bg);color:var(--text-color);border:1px solid var(--input-border)}thead th{cursor:pointer;position:relative}.sort-icon{display:inline-block;margin-left:4px;opacity:.3}th.sort-asc .sort-icon,th.sort-desc .sort-icon{opacity:1}th:not(.sort-asc):not(.sort-desc) .sort-icon:after{content:"↕"}th.sort-asc .sort-icon:after{content:"▲"}th.sort-desc .sort-icon:after{content:"▼"}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:.1em .5em;text-align:left;border-bottom:1px solid var(--input-border)}thead th{background-color:#ffffff1a;font-weight:600}tfoot th{background-color:var(--hover-bg);color:var(--accent-color);font-weight:700;text-align:right}tfoot th:first-child{text-align:left}.expr-indicator{text-decoration:underline;text-decoration-style:dotted;cursor:help}.charts-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5em;margin-top:2em}@media (min-width: 1024px){.charts-grid{grid-template-columns:repeat(2,1fr)}}.chart-box{padding:1em;border-radius:var(--border-radius-sm)}.chart-box h2{font-size:1.25em;font-weight:600;margin-bottom:1em;text-align:center;flex-shrink:0;color:var(--text-color)}.chart-canvas-wrapper-large{position:relative;height:500px;width:100%}.sales-summary{background:#0003;border:1px solid var(--input-border);border-radius:var(--border-radius-sm);padding:1em;margin-bottom:1.5em;color:var(--text-color)}.sales-summary p{margin:.5em 0;font-size:1.1em;font-weight:500}.sales-summary p:first-child{margin-top:0}.sales-summary p:last-child{margin-bottom:0}.status-page-container{height:100vh;display:flex;flex-direction:column;color:var(--text-color)}.status-header{display:flex;justify-content:space-between;align-items:center;padding:1em 1.5em;background-color:#0000004d;border-bottom:1px solid var(--input-border);flex-shrink:0}.status-header h1{margin:0;font-size:1.5em;color:var(--accent-color)}.header-actions{display:flex;gap:1em}.header-actions .back-btn,.header-actions .logout-btn{background:var(--btn-secondary-bg);font-size:.9em;padding:.5em 1em}.status-content{flex-grow:1;overflow-y:auto;padding:2em}.filter-area{max-width:1200px;margin:1.5em auto;display:flex;flex-wrap:wrap;gap:.75em;padding:1em;background:#0003;border:1px solid var(--input-border);border-radius:var(--border-radius-sm)}.filter-area input,.filter-area select{padding:.5em;font-size:.875em;flex-grow:1;min-width:150px;background-color:var(--input-bg);color:var(--text-color);border:1px solid var(--input-border);border-radius:.375em}.filter-area button{padding:.5em 1em;border-radius:.375em;cursor:pointer;background:var(--btn-secondary-bg);color:var(--text-color);border:1px solid var(--input-border)}.table-container,.matrix-table-container{width:100%;max-width:1200px;margin:0 auto;border-radius:var(--border-radius-md);padding:1em;overflow:auto;-webkit-overflow-scrolling:touch}.status-content table{width:100%;border-collapse:collapse;table-layout:auto}.status-content th,.status-content td{padding:.75em 1em;text-align:left;border-bottom:1px solid var(--input-border);white-space:nowrap}.status-content thead th{background-color:var(--background-color-light);font-weight:600;position:sticky;top:0;z-index:10}.status-content table thead th{cursor:pointer}.status-content tbody tr:hover{background-color:var(--hover-bg)}.error-message{text-align:center;color:var(--error-color);margin-bottom:1em}.matrix-title{max-width:1200px;margin:2.5em auto 1em;font-size:1.5em;color:var(--text-color);padding-bottom:.5em;border-bottom:1px solid var(--input-border)}.matrix-table-container{padding:1.5em;max-height:60vh}.matrix-table th,.matrix-table td{padding:0;border:1px solid var(--input-border);text-align:center;min-width:50px}.matrix-table th{padding:.75em;vertical-align:middle}.matrix-table thead th:first-child{position:sticky;left:0;z-index:20}.matrix-table tbody td:first-child{background-color:var(--background-color-light);font-weight:600;text-align:left;position:sticky;left:0;z-index:5;border-right:2px solid var(--input-border);padding:.75em;vertical-align:middle}.inner-matrix-table{width:100%;border:none;background-color:transparent}.inner-matrix-table td{border:none;padding:4px 8px;white-space:nowrap;text-align:left;background-color:transparent;font-size:1em;border-bottom:1px solid rgba(255,255,255,.05)}.inner-matrix-table tr:last-child td{border-bottom:none}.inner-matrix-table tr:hover{background-color:transparent}.inner-matrix-table td.value{text-align:center;font-weight:700;font-family:Roboto Mono,monospace;color:var(--accent-color-light)}.matrix-cell-empty{color:var(--text-color-secondary);display:inline-block;padding:.75em}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5em;margin:2em auto 0;max-width:1200px}.chart-box{padding:1.5em;border-radius:var(--border-radius-md)}.chart-box h2{font-size:1.25em;font-weight:600;margin-top:0;margin-bottom:1.5em;text-align:center;color:var(--text-color)}.chart-box.wide{grid-column:1 / -1}.chart-canvas-wrapper{position:relative;height:350px;width:100%}.chart-canvas-wrapper-large{position:relative;height:450px;width:100%}.status-new-page-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.clock-section{flex:1.2}.status-new-container{flex:6;display:flex;flex-direction:column;overflow:hidden;font-size:16px}.status-new-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background-color:var(--background-color-light);border-bottom:1px solid var(--input-border);flex-shrink:0}.status-new-header-left{display:flex;align-items:center;gap:2rem}.status-new-header h1{font-size:1.2rem;margin:0}.status-new-header-right{display:flex;align-items:center;gap:12px}.user-name{font-size:.9em;color:var(--text-color-secondary)}.back-btn,.logout-btn{background:var(--btn-secondary-bg)!important;padding:6px 12px!important;font-size:.8em!important}.status{padding:.3rem .8rem;border-radius:5px;font-size:.9rem;color:var(--text-color)}.status.connected{background-color:var(--success-color)}.status.disconnected{background-color:var(--error-color)}.status-new-content-area{flex-grow:1;overflow-y:auto;padding:1.5rem;background-color:var(--background-color)}.table-container{width:100%;max-width:2400px;margin:0 auto;border-radius:12px;padding:1rem;overflow:auto;-webkit-overflow-scrolling:touch;box-shadow:0 2px 8px #00000014;border:2px solid #e0e0e0;box-sizing:border-box}.table-container table{width:100%;border-collapse:collapse;table-layout:fixed}.table-container th,.table-container td{padding:1em 1.2em;text-align:left;border-bottom:1px solid var(--input-border);white-space:nowrap;font-size:1.8em;vertical-align:middle}.table-container thead th{background-color:var(--background-color-light);font-weight:600;position:sticky;top:-1em;z-index:10;cursor:pointer;font-size:1em}.table-container tbody tr:hover{background-color:var(--hover-bg)}.sort-icon{display:inline-block;margin-left:5px;opacity:.4}.sort-icon:after{content:"↕"}.sort-icon.asc:after{content:"▲";opacity:1}.sort-icon.desc:after{content:"▼";opacity:1}th:hover .sort-icon{opacity:.8}.sort-icon.asc,.sort-icon.desc{opacity:1}.admin-page-container{display:flex;flex-direction:column;height:100vh;color:var(--text-color)}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:1em 1.5em;background-color:var(--background-color-light);border-bottom:1px solid var(--input-border)}.admin-header h1{margin:0;font-size:1.5em}.admin-header div{display:flex;gap:1em}.admin-content{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;padding:1.5em}.admin-tabs{display:flex;gap:.5em;border-bottom:2px solid var(--input-border);margin-bottom:1.5em;flex-shrink:0}.admin-tabs button{padding:.75em 1.5em;cursor:pointer;background:transparent;color:var(--text-color-secondary);border:none;border-bottom:2px solid transparent;transition:all .3s ease}.admin-tabs button.active{color:var(--accent-color);border-bottom-color:var(--accent-color);font-weight:700}.admin-tab-content{flex-grow:1;overflow-y:auto;padding-bottom:2em}table{width:100%;border-collapse:collapse;margin-top:1em}th,td{padding:.75em;text-align:left;border-bottom:1px solid var(--input-border);font-size:.9em}th{background-color:var(--background-color-light);font-weight:600}.table-container{overflow-x:auto;padding:1em;border-radius:var(--border-radius-sm)}.yaml-editor{padding:1em;border-radius:var(--border-radius-sm);display:flex;flex-direction:column}.monaco-editor-instance{flex-grow:1;height:calc(100% - 40px);min-height:200px}.expenses-split-view{display:flex;gap:1.5em;height:80vh;flex-direction:row}.yaml-editor{flex:1;overflow:auto;display:flex;flex-direction:column}.expense-table-container{flex:2;overflow:auto}.save-btn{margin-top:10px;width:100%;padding:.6em 1em;font-size:1em;box-sizing:border-box}.action-area{margin-bottom:1.5em;padding:1em;border-radius:var(--border-radius-sm)}.action-area h3,.action-area p{margin:0 0 .5em}.action-area p{font-size:.8em;color:var(--text-color-secondary)}.action-area input[type=file]{margin-right:1em}.action-area button{background:var(--btn-primary-bg);color:#000;padding:.5em 1em;border:none;border-radius:5px;cursor:pointer;font-weight:700}.btn-small{padding:.2em .6em;font-size:.8em;border-radius:4px;border:none;cursor:pointer;font-weight:500}.btn-delete{background-color:var(--error-color);color:#fff}.shift-page-container{background-color:var(--background-color);padding:1em;min-height:100vh;box-sizing:border-box}.shift-header{max-width:95%;margin:0 auto 1em;display:flex;justify-content:space-between;align-items:center}.shift-header .main-title{font-size:2em;color:var(--accent-color)}.shift-header .back-btn,.shift-header .logout-btn{padding:.5em 1em;font-size:.9em}.shift-header .back-btn,.shift-header .logout-btn{background:var(--btn-secondary-bg)}.shift-content-wrapper{max-width:95%;height:calc(100vh - 100px);margin:auto;padding:2em;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);overflow:auto}.shift-table-container{overflow-x:auto}.shift-table-container table{width:100%;border-collapse:collapse;table-layout:auto;white-space:nowrap}.shift-table-container th,.shift-table-container td{border:1px solid var(--input-border);padding:10px 12px;text-align:center;font-size:1.1em}.shift-table-container th{background-color:var(--background-color-light);font-weight:600;position:sticky;top:-2em}.shift-table-container td:first-child,.shift-table-container th:first-child{position:sticky;left:0;background-color:var(--background-color-light);font-weight:700;z-index:1}.shift-parse-error{color:var(--error-color);font-weight:700;padding:1em;background-color:#ff4d4d1a;border:1px solid var(--error-color);border-radius:var(--border-radius-sm)}.fullscreen-fab{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background-color:var(--btn-secondary-bg);color:var(--text-color);border:none;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:var(--shadow-md);z-index:10000;transition:background-color .2s ease,transform .2s ease}.fullscreen-fab:hover{background-color:var(--btn-secondary-hover-bg);transform:scale(1.1)}.fullscreen-fab svg{width:24px;height:24px}.app-container{position:relative;width:100vw;height:100vh;background-color:var(--background-color)}:root{color-scheme:dark;--accent-color: #61DAFB;--background-color: #090c16;--background-color-light: #101522;--text-color: #ffffff;--text-color-secondary: #ccc;--text-color-tertiary: #aaa;--btn-accept-color: linear-gradient(90deg, #1c4d08, #055a25);--btn-cancel-color: linear-gradient(90deg, #8d4205, #551f09);--success-color: #27c561;--warn-color: #f59e0b;--error-color: #ff4d4d;--container-bg: rgba(16, 21, 34, .7);--hover-bg: rgba(97, 218, 251, .1);--input-bg: rgba(255, 255, 255, .05);--input-border: rgba(255, 255, 255, .2);--overlay-bg: rgba(0, 0, 0, .8);--backdrop-blur: blur(8px);--gradient-accent: linear-gradient(90deg, #0f5e72, #0f2e72);--gradient-accent-hover: linear-gradient(90deg, #13778c, #133c8c);--gradient-background: radial-gradient(circle at top left, rgba(97, 218, 251, .05), transparent 40%), radial-gradient(circle at bottom right, rgba(97, 218, 251, .05), transparent 40%);--gradient-container: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02));--gradient-border: linear-gradient(135deg, var(--accent-color), #0f2e72);--gradient-admin: linear-gradient(90deg, #720f0f, #722e0f);--gradient-admin-hover: linear-gradient(90deg, #8c1313, #8c3c13);--btn-primary-bg: var(--gradient-accent);--btn-primary-hover-bg: var(--gradient-accent-hover);--btn-secondary-bg: #4a5568;--btn-secondary-hover-bg: #718096;--btn-disabled-bg: #333;--btn-disabled-color: #888;--border-radius-sm: 8px;--border-radius-md: 1em;--border-radius-lg: 1.5em;--border-radius-full: 9999px;--shadow-glow: 0 0 10px var(--accent-color);--shadow-md: 0 4px 12px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .5);--font-family: "Nova Square", "Klee One", sans-serif;--font-family-mono: "monospace", sans-serif}body{background-color:var(--background-color);background-image:var(--gradient-background);color:var(--text-color);margin:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:calc(min(2dvh,2dvw)*.8);-webkit-user-select:none;user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{font-family:var(--font-family);border:none;cursor:pointer}.btn{font-family:var(--font-family);background:var(--btn-primary-bg);color:var(--text-color);border:none;padding:.75em 1.5em;border-radius:var(--border-radius-full);font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center}.btn:hover:not(:disabled){background:var(--btn-primary-hover-bg);transform:translateY(-2px)}.btn:disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-color);cursor:not-allowed}.gradient-border{position:relative;border:1px solid transparent;background-clip:padding-box;background-color:var(--container-bg);background-image:var(--gradient-container)}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;background:var(--gradient-border)}.gradient-border-2px{position:relative;border:2px solid transparent;background-clip:padding-box;background-color:var(--container-bg);background-image:var(--gradient-container)}.gradient-border-2px:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-2px;border-radius:inherit;background:var(--gradient-border)}select option{background:#010324}p{margin-block-start:.5em;margin-block-end:.5em}