*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:transparent;color:#1a1a1a}.root{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:14px;color:#888}.panel{width:100%;max-width:320px}.panel-title{font-size:13px;font-weight:600;color:#212121;text-transform:uppercase;letter-spacing:.07em;margin-bottom:14px;padding-bottom:10px}.btn-list{display:flex;flex-direction:column;gap:10px}.btn{width:100%;padding:13px 18px;border:none;border-radius:10px;background:#0dbd8b;color:#fff;font-size:15px;font-weight:500;text-align:left;cursor:pointer;transition:background .15s,transform .1s;-webkit-user-select:none;user-select:none}.btn:hover{background:#0aaa7d}.btn:active{background:#099970;transform:scale(.98)}.toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;white-space:nowrap;pointer-events:none;animation:fadeUp .15s ease}.toast-error{background:#c00}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.permission-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;padding:24px;text-align:center}.permission-spinner{width:32px;height:32px;border:3px solid #e0e0e0;border-top-color:#0dbd8b;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.permission-text{font-size:14px;color:#666;max-width:240px;line-height:1.5}.permission-subtext{font-size:12px;color:#999;max-width:220px;line-height:1.4;text-align:center}.info-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:12px;padding:24px;text-align:center}.info-icon{font-size:32px;color:#0dbd8b;line-height:1}.error-icon{color:#c00}.info-title{font-size:15px;font-weight:600;color:#1a1a1a}.info-desc{font-size:13px;color:#555;line-height:1.5;max-width:280px}.info-hint{font-size:12px;color:#999;max-width:260px;line-height:1.4}.skip-link{margin-top:12px;background:none;border:none;color:#0dbd8b;font-size:13px;cursor:pointer;text-decoration:underline;padding:4px 0}.skip-link:hover{color:#0aaa7d}.otp-request-btn{margin-top:4px;width:100%;max-width:240px;text-align:center;padding:12px 16px}.otp-hint{margin-top:16px;font-size:13px;color:#666}.otp-input{width:100%;max-width:200px;margin-top:8px;padding:14px 0;border:2px solid #0dbd8b;border-radius:10px;font-size:24px;font-family:monospace;letter-spacing:.3em;text-align:center;outline:none;background:#fff;color:#1a1a1a}.otp-input:focus{border-color:#0aaa7d;box-shadow:0 0 0 3px #0dbd8b26}.otp-error{margin-top:8px;font-size:13px;color:#c00}.otp-auth-error{margin-bottom:4px;padding:8px 12px;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;font-size:12px;color:#7a5c00;max-width:260px;text-align:center;line-height:1.4}.otp-clear{margin-top:20px;background:none;border:none;color:#aaa;font-size:11px;cursor:pointer;text-decoration:underline;padding:4px 0}.otp-clear:hover{color:#c00}.panel-wrap{width:100%;max-width:320px;display:flex;flex-direction:column;align-items:stretch}.reauth-link{margin-top:18px;background:none;border:none;color:#bbb;font-size:12px;cursor:pointer;text-align:center;text-decoration:underline;padding:4px 0}.reauth-link:hover{color:#666}.form-screen{width:100%;max-width:320px;display:flex;flex-direction:column;gap:14px}.form-header{display:flex;flex-direction:column;gap:6px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.form-back{align-self:flex-start;background:none;border:none;color:#0dbd8b;font-size:13px;cursor:pointer;padding:0}.form-back:hover{color:#0aaa7d}.form-section{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:600;color:#666}.form-select,.form-input,.form-textarea{width:100%;padding:10px 12px;border:1px solid #d0d0d0;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;color:#1a1a1a;outline:none}.form-select:focus,.form-input:focus,.form-textarea:focus{border-color:#0dbd8b;box-shadow:0 0 0 3px #0dbd8b26}.form-textarea{resize:vertical}.form-row{display:flex;gap:8px}.form-row .form-input{flex:1}.form-next{padding:0 14px;border:none;border-radius:8px;background:#0dbd8b;color:#fff;font-size:13px;cursor:pointer;white-space:nowrap}.form-next:hover{background:#0aaa7d}.form-error{font-size:12px;color:#c00;line-height:1.4}.form-submit{margin-top:4px}.file-picker{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:9px 14px;border:1px solid #d0d0d0;border-radius:8px;background:#fff;color:#333;font-size:13px;cursor:pointer}.file-picker:hover{border-color:#0dbd8b}.file-picker input[type=file]{display:none}.attachment-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.attachment-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa}.attachment-info{display:flex;flex-direction:column;gap:2px;min-width:0}.attachment-name{font-size:13px;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-meta{font-size:11px;color:#888}.attachment-remove{flex-shrink:0;border:none;background:none;color:#999;font-size:14px;line-height:1;cursor:pointer;padding:2px 4px}.attachment-remove:hover{color:#c00}.chip-input{display:flex;flex-direction:column;gap:8px}.chip-list{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 6px 5px 10px;border-radius:999px;background:#e6f8f2;color:#0a6b4f;font-size:13px;line-height:1.2}.chip-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;border-radius:50%;background:none;color:#0a6b4f;font-size:11px;line-height:1;cursor:pointer;padding:0}.chip-remove:hover{background:#0a6b4f26}.checkbox-list{display:flex;flex-direction:column;gap:6px}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#333;cursor:pointer}.checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:#0dbd8b;cursor:pointer}.progress-track{position:relative;width:100%;height:8px;border-radius:4px;background:#e0e0e0;overflow:hidden}.progress-fill{position:absolute;top:0;left:-40%;height:100%;width:40%;border-radius:4px;background:#0dbd8b;animation:progress-slide 1.1s ease-in-out infinite}@keyframes progress-slide{0%{left:-40%}to{left:100%}}.list-screen{width:100%;max-width:320px;display:flex;flex-direction:column;gap:14px}.tab-row{display:flex;gap:6px}.tab-btn{flex:1;padding:8px 6px;border:1px solid #d0d0d0;border-radius:8px;background:#fff;color:#555;font-size:12px;font-weight:500;cursor:pointer;text-align:center}.tab-btn:hover{border-color:#0dbd8b}.tab-btn-active{background:#0dbd8b;border-color:#0dbd8b;color:#fff}.list-loading{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 0}.inv-list{display:flex;flex-direction:column;gap:8px}.inv-item{display:flex;flex-direction:column;gap:4px;width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:10px;background:#fff;text-align:left;cursor:pointer}.inv-item:hover{border-color:#0dbd8b}.inv-item:active{background:#f5f5f5}.inv-item:disabled{opacity:.6;cursor:default}.inv-item-title{font-size:13px;font-weight:600;color:#1a1a1a}.inv-item-sub{font-size:12px;color:#666}.pagination-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.btn-secondary{padding:8px 14px;border:1px solid #d0d0d0;border-radius:8px;background:#fff;color:#333;font-size:13px;cursor:pointer}.btn-secondary:hover:not(:disabled){border-color:#0dbd8b}.btn-secondary:disabled{opacity:.4;cursor:default}.pagination-page{font-size:12px;color:#888}.user-card{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid #e0e0e0;border-radius:10px;background:#fff}.user-card-row{display:flex;justify-content:space-between;gap:12px;font-size:13px}.user-card-label{color:#666;flex-shrink:0}.user-card-value{color:#1a1a1a;font-weight:500;text-align:right}.btn-danger{background:#c00}.btn-danger:hover{background:#a00}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.modal-box{width:100%;max-width:280px;display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:12px;background:#fff;text-align:center}.modal-title{font-size:15px;font-weight:600;color:#1a1a1a}.modal-desc{font-size:13px;color:#555;line-height:1.4}.modal-actions{display:flex;gap:8px;margin-top:4px}.modal-actions .btn-secondary,.modal-actions .btn{flex:1}