:root{--blue: #2563eb;--blue-light: #dbeafe;--gray: #f3f4f6;--gray-dark: #6b7280;--text: #1f2937;--green: #16a34a;--red: #dc2626;--radius: 14px;--shadow: 0 2px 8px rgba(0, 0, 0, .06);--bg-page: #e5e7eb;--bg-app: #f9fafb;--border: #e5e7eb;--surface: #fff;--muted: #9ca3af}.hidden{display:none!important}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-page);color:var(--text);display:flex;justify-content:center;min-height:100vh}#app{width:100%;max-width:430px;background:var(--bg-app);min-height:100vh;display:flex;flex-direction:column;position:relative;box-shadow:0 0 40px #0000001a;padding-bottom:0}#app:empty{background:transparent;max-width:none;min-height:0;box-shadow:none}.screen{display:none}.screen.active{display:block}.vue-screen{display:block;padding-bottom:80px}#report-unit{color:var(--gray-dark);font-size:.95rem}#report-unit,#edit-unit{color:var(--gray-dark);font-size:.95rem;min-width:1.5rem}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.card{background:var(--surface);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px;box-shadow:var(--shadow)}.card input,.card select,.card textarea{width:100%;border:none;font-size:1rem;background:transparent;color:var(--text);outline:none;font-family:inherit}.card textarea{resize:vertical}.row{display:flex;gap:10px}.half{flex:1}.segment{display:flex;position:relative;background:var(--surface);border-radius:var(--radius);padding:4px;margin-bottom:14px;box-shadow:var(--shadow)}.segment-indicator{position:absolute;top:4px;left:4px;height:calc(100% - 8px);border-radius:10px;background:var(--blue);transition:transform .28s cubic-bezier(.4,0,.2,1),width .28s cubic-bezier(.4,0,.2,1);z-index:0;pointer-events:none}.seg-btn{flex:1;position:relative;z-index:1;padding:10px;border:none;background:transparent;border-radius:10px;font-size:.95rem;font-weight:600;color:var(--gray-dark);cursor:pointer;transition:color .2s ease}.seg-btn.active{background:transparent;color:var(--surface)}.qty-card .qty-control{display:grid;align-items:center;gap:8px;grid-template-columns:44px 1fr 44px}.qty-control button{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface);font-size:1.4rem;cursor:pointer;color:var(--blue)}.qty-control input{width:70px;text-align:center;font-size:1.6rem;font-weight:700}.primary-btn{width:100%;padding:16px;background:var(--blue);color:var(--surface);border:none;border-radius:var(--radius);font-size:1.05rem;font-weight:600;cursor:pointer;margin-top:8px;box-shadow:0 4px 12px #2563eb4d}.primary-btn:active{transform:scale(.98)}.danger-btn{width:100%;padding:14px;background:#fef2f2;color:var(--red);border:1px solid #fecaca;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;margin-top:10px}.danger-btn.hidden{display:none}.text-btn{background:none;border:none;color:var(--blue);font-size:.95rem;font-weight:600;cursor:pointer;padding:8px 0}.approve-btn{border:none;border-radius:10px;padding:8px 16px;background:var(--green);color:var(--surface);font-size:.85rem;font-weight:600;cursor:pointer}.search-bar{margin-bottom:12px}.search-bar input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-app);font-size:.95rem;outline:none;box-sizing:border-box}.filters{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.chip{padding:7px 14px;border-radius:20px;border:1px solid var(--border);background:var(--surface);font-size:.85rem;font-weight:500;cursor:pointer;color:var(--gray-dark)}.chip.active{background:var(--blue-light);border-color:var(--blue);color:var(--blue)}.list{display:flex;flex-direction:column;gap:10px}.list-item{background:var(--surface);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow);cursor:pointer;transition:.1s}.list-item:active{transform:scale(.99)}.list-item .icon{width:42px;height:42px;border-radius:12px;background:var(--blue-light);display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.2rem;flex-shrink:0}.list-item .info{flex:1;min-width:0}.list-item .info h3{font-size:1rem;font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item .info p{font-size:.8rem;color:var(--gray-dark)}.badge{font-size:.7rem;font-weight:600;margin:1px;padding:3px 8px;border-radius:10px;white-space:nowrap}.badge.green{background:#dcfce7;color:var(--green)}.badge.blue{background:var(--blue-light);color:var(--blue)}.badge.gray{background:var(--gray);color:var(--gray-dark)}.badge.orange{background:#ffedd5;color:#c2410c}.arrow{color:#d1d5db;font-size:1.1rem}.avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:var(--surface);flex-shrink:0}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.chip-tag{background:var(--blue-light);color:var(--blue);padding:5px 10px;border-radius:16px;font-size:.85rem;display:flex;align-items:center;gap:4px}.chip-tag button{background:none;border:none;color:var(--blue);cursor:pointer;font-size:1rem;line-height:1}.picker{background:var(--bg-app);border-radius:10px;padding:8px;margin-top:8px;max-height:160px;overflow-y:auto}.picker.hidden{display:none}.picker-item{padding:10px;border-radius:8px;cursor:pointer;font-size:.95rem;display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;gap:2px}.picker-item:hover{background:var(--blue-light)}.switch-card{display:flex;justify-content:space-between;align-items:center}.switch{position:relative;width:48px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#d1d5db;border-radius:28px;cursor:pointer;transition:.2s}.slider:before{content:"";position:absolute;width:22px;height:22px;left:3px;bottom:3px;background:var(--surface);border-radius:50%;transition:.2s}input:checked+.slider{background:var(--green)}input:checked+.slider:before{transform:translate(20px)}.badge.invoice,.badge.category{font-size:.72rem;font-weight:600}.badge.invoice{background:#ede9fe;color:#5b21b6}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px 14px;background:var(--surface);color:var(--blue);border:1.5px solid #bfdbfe;border-radius:var(--radius);font-size:.95rem;font-weight:600;cursor:pointer;margin-top:8px;box-sizing:border-box}.secondary-btn:active{background:var(--blue-light);transform:scale(.98)}.secondary-btn .hi{flex-shrink:0}.section-title{font-size:.95rem;font-weight:600;margin-bottom:10px;color:var(--gray-dark)}.msg{text-align:center;margin-top:12px;font-weight:600;min-height:24px}.msg.success{color:var(--green)}.msg.error{color:var(--red)}.empty{text-align:center;padding:20px 16px;color:var(--gray-dark);font-size:1.6rem}.empty span{font-size:inherit}.badge.category{background:#e0f2fe;color:#0369a1}.badge.type{background:#ffedd5;color:#c2410c}.picker-item span{font-size:.8rem;color:#6b7280;font-weight:400}.picker-item.disabled{opacity:.45;pointer-events:none}.qty-control .qty-minus{justify-self:start}.qty-control .qty-plus{justify-self:end}.qty-control .qty-center{display:flex;align-items:center;justify-content:center;gap:8px}.qty-control .qty-center input{width:72px;text-align:center;font-size:1.6rem;font-weight:700}.native-select-hidden{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;border:none!important}.card select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m19.5 8.25-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center;background-size:18px;padding-right:22px}.section-title-row{display:flex;align-items:center;justify-content:space-between}.list-item-main{display:flex;align-items:center;gap:12px;width:100%}#screen-history .row{margin-bottom:0}.progress-track{height:8px;background:var(--border);border-radius:99px;overflow:hidden;margin-top:10px}.progress-fill{height:100%;background:#10b981;border-radius:99px;transition:width .25s ease,background .25s ease}.progress-fill.ok{background:#10b981}.progress-fill.warn{background:#f59e0b}.progress-fill.over{background:#ef4444}.search-bar input:focus{outline:none;border-color:var(--blue, var(--blue));background:var(--surface);box-shadow:0 0 0 3px #2563eb1f}input:disabled,textarea:disabled,select:disabled,.card input:disabled,.card textarea:disabled{opacity:1;background:transparent!important;background-color:transparent!important;color:var(--muted)!important;-webkit-text-fill-color:var(--muted);cursor:not-allowed;border-color:transparent!important;box-shadow:none!important}.qty-control input[type=number],.qty-center input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}#header{display:flex;align-items:center;padding:10px 16px;background:var(--bg-app);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30;gap:8px;flex-shrink:0;min-height:56px;box-sizing:border-box}#header h1{font-size:1.25rem;font-weight:700;flex:1}.icon-btn{width:36px;height:40px;border-radius:50%;border:none;background:var(--blue);color:var(--surface);font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-btn.hidden{display:none}#backBtn{background:transparent;color:var(--blue);font-size:1.5rem}#app-shell{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;max-height:100dvh;overflow:hidden}#content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 16px 88px}.view-icon-btn .hi-wrap,.view-icon-btn .hi{display:flex;align-items:center;justify-content:center;width:auto;height:auto;margin:0;background:none;border-radius:0;line-height:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:100;display:flex;align-items:flex-end;justify-content:center}.modal-overlay.hidden{display:none}.modal-sheet{background:var(--bg-app);width:100%;max-width:430px;max-height:85vh;border-radius:18px 18px 0 0;display:flex;flex-direction:column;box-shadow:0 -8px 30px #00000026;animation:sheetUp .2s ease}@keyframes sheetUp{0%{transform:translateY(40px);opacity:.5}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border);background:var(--surface);border-radius:18px 18px 0 0}.modal-header h3{font-size:1.05rem;font-weight:700}.modal-body{padding:16px;overflow-y:auto;flex:1}.modal-footer{padding:12px 16px 20px;background:var(--surface);border-top:1px solid var(--border)}.icon-btn .hi{display:block;margin:auto}.list-item .icon.hi-wrap{display:flex!important;align-items:center!important;justify-content:center!important;color:var(--gray-dark, #4b5563);width:42px;height:42px;border-radius:12px;background:var(--blue-light, #dbeafe);flex-shrink:0}.list-item .hi-wrap{width:40px;height:40px;border-radius:10px;background:var(--gray);margin-right:12px;flex-shrink:0}.list-item .view-icon-btn .hi-wrap{width:auto;height:auto;margin:0;background:none;border-radius:0}.bottom-tabs{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;background:var(--surface);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 16px #0000000a}.bottom-tabs.hidden{display:none}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;background:transparent;color:var(--muted);font-family:inherit;font-size:.68rem;font-weight:600;padding:6px 2px;cursor:pointer;min-width:0}.tab-item .tab-icon{display:flex;align-items:center;justify-content:center;height:24px;color:inherit}.tab-item.active{color:var(--blue)}#header #pageTitle{flex:1;min-width:0}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000eb;display:flex;align-items:center;justify-content:center;padding:16px}.lightbox.hidden{display:none}.lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.lightbox-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff26;color:var(--surface);font-size:1.2rem;cursor:pointer;z-index:100001}.app-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:20px}.app-dialog-overlay.hidden{display:none}.app-dialog{width:100%;max-width:360px;background:var(--surface);border-radius:16px;padding:20px 18px 16px;box-shadow:0 20px 50px #0003}.app-dialog-title{margin:0 0 8px;font-size:1.1rem;font-weight:700}.app-dialog-message{margin:0 0 18px;font-size:.95rem;color:#4b5563;white-space:pre-wrap;line-height:1.45}.app-dialog-actions{display:flex!important;gap:10px;flex-direction:row!important;margin-top:12px}.app-dialog-actions .secondary-btn,.app-dialog-actions .primary-btn{flex:1;margin-top:0;padding:12px;font-size:.95rem}.app-dialog-actions .primary-btn.dh-primary{display:inline-flex;align-items:center;justify-content:center}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;border-radius:50%;background:#ffffff2e;color:var(--surface);font-size:1.8rem;line-height:1;cursor:pointer;z-index:100001}.lightbox-nav.hidden{display:none}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-counter{position:absolute;bottom:18px;left:50%;transform:translate(-50%);color:var(--surface);font-size:.9rem;font-weight:600;background:#0006;padding:4px 12px;border-radius:20px}.tab-item.hidden{display:none}.list-item .icon .hi-wrap,.list-item .icon svg{display:flex;align-items:center;justify-content:center;margin:0 auto}#backBtn.back-btn,.icon-btn.back-btn{background:transparent!important;color:var(--blue, var(--blue))!important;box-shadow:none!important}.app-dialog-actions .secondary-btn{flex:1;margin-top:0;padding:12px;font-size:.95rem}.app-dialog-actions .primary-btn{flex:1;margin-top:0;padding:12px;font-size:.95rem;box-shadow:none}#header .header-right{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0;min-width:40px;justify-content:flex-end;min-height:40px}#header #pageTitle.title-flush{margin-left:0}#header .icon-btn.header-icon-btn{background:transparent!important;color:var(--blue, var(--blue))!important;box-shadow:none!important;width:40px;height:40px}#header .header-right .icon-btn.header-add-btn{background:transparent!important;color:#16a34a!important;box-shadow:none!important;width:40px;height:40px;border-radius:0;font-size:1.75rem;font-weight:500;line-height:1}.app-dialog-actions .secondary-btn,.app-dialog-actions .dialog-cancel-btn,.app-dialog .secondary-btn.dialog-cancel-btn{flex:1;margin-top:0!important;background:transparent!important;background-color:transparent!important;color:var(--blue, var(--blue))!important;border:1.5px solid var(--blue, var(--blue))!important;box-shadow:none!important}.app-dialog-actions .secondary-btn:active,.app-dialog-actions .dialog-cancel-btn:active{background:#2563eb0f!important}#header #pageTitle.title-logo{display:flex;align-items:center;height:100%;min-height:40px}.header-logo{height:36px;width:auto;max-width:min(300px,72vw);object-fit:contain;object-position:left center;display:block;margin:0;padding:0;background:transparent!important;box-shadow:none;border:none;border-radius:0;mix-blend-mode:normal}.app-progress-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:transparent;pointer-events:none}.app-progress-overlay-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.app-progress-overlay--page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:#1f293759}.app-progress-overlay-card{background:var(--surface);border-radius:var(--radius);padding:22px 28px;box-shadow:var(--shadow);border:1px solid var(--border);min-width:160px}.app-progress-overlay-text{margin:0;font-size:.95rem;font-weight:600;color:var(--blue, var(--blue))}.app-progress-circle{display:block;transform-origin:50% 50%}.app-progress-circle .app-progress-track{stroke:#2563eb40;stroke-width:3}.app-progress-circle .app-progress-arc{stroke:var(--blue, var(--blue));stroke-width:3;stroke-linecap:round;transform-origin:18px 18px;transform:rotate(-90deg);transition:stroke-dashoffset .2s ease}.app-progress-circle.indeterminate{animation:app-progress-spin .85s linear infinite}.app-progress-circle.indeterminate .app-progress-arc{transition:none}@keyframes app-progress-spin{to{transform:rotate(360deg)}}.app-image>img,.app-image>.app-progress-overlay{grid-area:1 / 1}.app-image>.app-progress-overlay{align-self:stretch;justify-self:stretch;z-index:1}.photo-thumb .app-image,.list-item-avatar .app-image,.proj-card-avatar .app-image,.proj-detail-image .app-image,.proj-form-image .app-image,.header-avatar-btn .app-image,.profile-avatar-lg .app-image,.profile-avatar-sm .app-image,.list-avatar .app-image{display:grid;width:100%;height:100%;max-width:none}.photo-thumb .app-image>img,.list-item-avatar .app-image>img,.proj-card-avatar .app-image>img,.header-avatar-btn .app-image>img,.profile-avatar-lg .app-image>img,.profile-avatar-sm .app-image>img{width:100%;height:100%;object-fit:cover}.lightbox.lightbox-overlay,.lightbox-overlay.lightbox{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:100000!important;background:#000000f0!important;display:flex!important;align-items:center;justify-content:center;padding:48px 56px;box-sizing:border-box}.lightbox .app-image{display:grid;max-width:100%}.lightbox .lightbox-img,.lightbox-img{max-width:100%;max-height:calc(100vh - 96px);width:auto;height:auto;object-fit:contain;border-radius:4px;pointer-events:none}.header-save-btn,.header-edit-btn{color:var(--blue, var(--blue));background:transparent!important}.header-save-btn:active,.header-edit-btn:active{opacity:.7}.lightbox.lightbox-landscape{padding:4px 44px!important}.lightbox.lightbox-landscape .lightbox-img{max-width:100vw!important;max-height:100dvh!important;width:auto;height:auto;object-fit:contain}.lightbox.lightbox-landscape .lightbox-close{top:6px;right:6px}.lightbox.lightbox-landscape .lightbox-counter{bottom:8px}.lightbox.lightbox-landscape .lightbox-nav{width:40px;height:40px}@media(orientation:landscape)and (max-height:500px){.lightbox.lightbox-overlay{padding:4px 44px!important}.lightbox .lightbox-img,.lightbox-img{max-height:100dvh!important;max-width:calc(100vw - 88px)!important}}.bottom-tabs .tab-item .tab-label{font-size:.65rem;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-banner{padding:10px 14px;font-size:.85rem;font-weight:600;text-align:center;z-index:50}.status-banner-offline{background:#fef3c7;color:#92400e}.status-banner-error{background:#fee2e2;color:#991b1b;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.status-banner-action{border:1px solid currentColor;background:transparent;color:inherit;border-radius:8px;padding:4px 10px;font-size:.8rem;font-weight:700;cursor:pointer}.push-toast{position:fixed;left:12px;right:12px;bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:200;display:flex;align-items:center;gap:8px;padding:12px 10px 12px 14px;border-radius:12px;background:#111827;color:var(--surface);box-shadow:var(--shadow);text-align:center}.push-toast-body{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.push-toast strong{font-size:.95rem}.push-toast span{font-size:.85rem;opacity:.9;font-weight:500;white-space:pre-wrap}.push-toast-close{flex-shrink:0;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.push-toast-close:active{background:#ffffff1f}.header-avatar-btn{width:36px!important;height:36px!important;border-radius:50%!important;padding:0!important;overflow:hidden;background:var(--blue-light, #dbeafe)!important;color:var(--blue, var(--blue));font-size:.7rem;font-weight:700}.header-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.header-avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.header-text-btn{border:none;background:transparent;color:var(--blue, var(--blue));font-size:.95rem;font-weight:600;padding:6px 4px;cursor:pointer;white-space:nowrap}.header-text-btn:active{opacity:.65}.card label,.dh-label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:3px}.history-approve-row{width:100%;display:flex;justify-content:flex-end;margin-top:6px}.detail-header{background:var(--surface);border-radius:var(--radius);padding:0;margin-bottom:16px;box-shadow:var(--shadow);overflow:hidden}.detail-header .dh-top{padding:18px 18px 14px;border-bottom:1px solid var(--gray)}.detail-header .dh-top .cost-card-head{margin-bottom:8px}.detail-header .dh-top .cost-card-head h2{flex:1;margin-bottom:0}.detail-header .dh-top h2{font-size:1.25rem;font-weight:700;margin-bottom:6px;color:var(--text)}.detail-header .dh-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.detail-header .dh-desc{font-size:.9rem;color:var(--gray-dark);line-height:1.45;margin-top:4px}.detail-header .dh-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.detail-header .dh-item{padding:12px 16px;border-bottom:1px solid var(--gray);border-right:1px solid var(--gray)}.detail-header .dh-item:nth-child(2n){border-right:none}.detail-header .dh-item:nth-last-child(-n+2){border-bottom:none}.detail-header .dh-item.full{grid-column:1 / -1;border-right:none}.dh-value{font-size:.92rem;font-weight:500;color:var(--text);word-break:break-word}.dh-value.price{color:var(--text, #1f2937);font-weight:700;text-decoration:none;pointer-events:none}.map-link,.contact-link{color:var(--blue);text-decoration:none;font-weight:500}.map-link:active,.contact-link:active{opacity:.7}.person-block{padding:10px 0;border-bottom:1px solid var(--gray-light, #eee)}.person-block:last-child{border-bottom:none}.person-block .person-name{font-weight:600;font-size:.95rem;margin-bottom:2px}.person-block .person-role{font-size:.8rem;color:var(--gray-dark);margin-bottom:4px}.person-block .person-contacts{display:flex;flex-wrap:wrap;gap:10px;font-size:.85rem}.person-block .person-contacts a{color:var(--blue);text-decoration:none;font-weight:500}.person-block .person-contacts a:active{opacity:.7}.view-toggle-row{display:flex;justify-content:flex-end;gap:6px;margin-bottom:10px}.view-icon-btn{width:36px;height:36px;padding:0;border:1px solid var(--border);background:var(--surface);border-radius:10px;font-size:1.1rem;line-height:0;cursor:pointer;color:var(--gray-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0}.view-icon-btn svg{display:block}.view-icon-btn.active{background:var(--blue-light);border-color:var(--blue);color:var(--blue)}.detail-header .dh-actions{display:flex;gap:10px;padding:12px 16px;border-top:1px solid var(--gray);background:#fafbfc}.detail-header .dh-actions .secondary-btn{flex:1;margin-top:0}.sticky-bottom{position:sticky;bottom:0;background:var(--bg-app);padding:12px 0 0;margin-top:16px}.sticky-bottom span{display:block;text-align:center;font-size:.9rem;color:var(--gray-dark);margin-bottom:8px}.check-item{background:var(--surface);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow);cursor:pointer}.check-item input[type=checkbox]{width:22px;height:22px;accent-color:var(--blue)}.summary-card{background:var(--gray);color:#111;border-radius:var(--radius);padding:16px 18px;margin-bottom:14px;border:1px solid var(--border);box-shadow:none}.summary-card.hidden{display:none}.summary-card .sum-label{font-size:.75rem;color:var(--gray-dark);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-weight:600}.summary-card .sum-value{font-size:1.5rem;font-weight:700;color:#111}.summary-card .sum-sub{font-size:.85rem;color:var(--gray-dark);margin-top:4px}.group-header{font-size:.8rem;font-weight:700;color:var(--gray-dark);text-transform:uppercase;letter-spacing:.03em;padding:8px 4px 4px;margin-top:6px}.group-header:first-child{margin-top:0}.group-total{font-size:.85rem;font-weight:600;color:var(--blue);margin-left:auto}.proj-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;cursor:pointer;margin-bottom:12px;transition:transform .1s}.proj-card:active{transform:scale(.99)}.proj-card-body{padding:14px 16px 16px}.proj-card-top{display:flex;gap:12px;align-items:flex-start;margin-bottom:10px}.proj-card-avatar{width:56px;height:56px;border-radius:14px;overflow:hidden;flex-shrink:0;background:var(--blue-light);display:flex;align-items:center;justify-content:center}.proj-card-avatar img{width:100%;height:100%;object-fit:cover;display:block}.proj-card-avatar.no-img span{font-size:1.4rem}.proj-card-title{flex:1;min-width:0}.proj-card-msg{flex-shrink:0;margin-left:auto}.proj-card-body h3{font-size:1.05rem;font-weight:700;margin-bottom:0;line-height:1.25}.proj-card-desc{font-size:.88rem;color:var(--gray-dark);line-height:1.4;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.proj-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.proj-detail-image{width:100%;overflow:hidden;background:var(--border);min-height:140px;cursor:pointer;position:relative}.proj-detail-image img{width:100%;height:180px;object-fit:cover;display:block;pointer-events:none}.proj-detail-image.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:140px;background:linear-gradient(135deg,var(--border) 0%,var(--gray) 100%);color:var(--muted);gap:6px;cursor:pointer}.proj-detail-image.placeholder span:first-child{font-size:2rem}.proj-detail-image.placeholder .ph-text{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.art-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;margin-bottom:10px;display:flex;gap:12px;cursor:pointer}.art-card:active{transform:scale(.99)}.art-card-icon{width:48px;height:48px;border-radius:12px;background:var(--blue-light);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.art-card-body{flex:1;min-width:0}.art-card-body h3{font-size:1rem;font-weight:600;margin-bottom:8px}.art-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.art-card .dh-value.price{color:var(--blue);font-weight:600}.proj-gallery{display:flex;gap:6px;overflow-x:auto;padding:8px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.proj-gallery a{flex:0 0 auto;scroll-snap-align:start;display:block}.proj-gallery img{height:80px;width:100px;object-fit:cover;display:block;border-radius:10px;background:var(--border)}.type-chips{display:flex;flex-wrap:wrap;gap:8px}.type-chip{border:1px solid var(--border);background:var(--bg-app);color:var(--gray-dark);border-radius:20px;padding:8px 12px;font-size:.85rem;font-weight:500;cursor:pointer}.type-chip.active{background:var(--blue-light);border-color:var(--blue);color:var(--blue);font-weight:600}.recipient-row{margin-bottom:12px}.recipient-row:last-child{margin-bottom:0}.recipient-item{margin-top:4px;color:var(--gray-dark, #4b5563)}.recipient-item.muted,.muted{color:var(--muted);font-size:.85rem}.recipient-add-row{display:flex;gap:8px;align-items:center;margin:8px 0 4px}.recipient-add-row input{flex:1;min-width:0}.recipient-chips{min-height:28px;margin-bottom:4px}#pageTitle{display:flex;align-items:center;gap:8px;min-width:0}.page-title-icon{flex-shrink:0;font-size:1.05rem;line-height:1;display:inline-flex;align-items:center;color:var(--blue)}#pageTitleText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-title-nav,.label-with-nav{display:flex;align-items:center;gap:8px}.section-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--gray);font-size:1rem;cursor:pointer;flex-shrink:0;line-height:1;color:var(--blue)}.section-nav-btn:active{background:var(--blue-light);border-color:var(--blue);transform:scale(.96)}.label-with-nav .section-nav-btn{width:28px;height:28px;font-size:.9rem}.hi{display:block;flex-shrink:0}.drawer-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--gray-dark)}.drawer-item.active .drawer-icon{color:var(--blue)}.page-title-icon .hi,.section-nav-btn .hi{display:block}.hi-inline{display:inline-block;vertical-align:-2px;margin-right:2px}.detail-header .dh-actions .primary-btn.dh-primary{flex:1;margin-top:0;padding:12px 14px;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 2px 8px #2563eb40}.detail-header .dh-actions .primary-btn.dh-primary .hi{color:var(--surface)}.proj-detail-image.has-img .img-edit-hint{position:absolute;right:10px;bottom:10px;background:#111827b8;color:var(--surface);font-size:.75rem;font-weight:600;padding:6px 10px;border-radius:8px;display:none;align-items:center;gap:4px}.proj-detail-image.placeholder:active{opacity:.9}.custom-select{position:relative;width:100%}.custom-select-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;border:none;background:transparent;font-size:1rem;font-family:inherit;color:var(--text);cursor:pointer;text-align:left}.custom-select-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-chevron{color:var(--muted);display:inline-flex;transform:rotate(90deg)}.custom-select.open .custom-select-chevron{transform:rotate(-90deg)}.custom-select-panel{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;max-height:240px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px #0000001f;padding:6px}.custom-select-panel.hidden{display:none}.custom-select-option{display:block;width:100%;text-align:left;border:none;background:transparent;padding:10px 12px;border-radius:8px;font-size:.95rem;font-family:inherit;color:var(--text);cursor:pointer}.custom-select-option:hover{background:var(--gray)}.custom-select-option.selected{background:var(--blue-light);color:var(--blue);font-weight:600}.custom-select-option.disabled{opacity:.45;cursor:default}#app.tabs-hidden #content{padding-bottom:16px}.tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.proj-form-image{width:100%;min-height:140px;border-radius:12px;overflow:hidden;cursor:pointer;margin-top:6px;background:var(--gray);border:1.5px dashed #d1d5db}.proj-form-image.has-img{border-style:solid;border-color:var(--border)}.proj-form-image img{width:100%;height:180px;object-fit:cover;display:block}.proj-form-image.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:140px;color:var(--muted)}.proj-form-image.placeholder .ph-text{font-size:.8rem;font-weight:600}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}.photo-grid-detail{grid-template-columns:repeat(4,1fr);gap:8px}.photo-grid-inline{grid-template-columns:repeat(4,1fr);width:100%;margin-top:8px;padding-left:52px;box-sizing:border-box}.photo-thumb{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:none;border-radius:8px;overflow:hidden;background:transparent;cursor:pointer}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.photo-thumb-wrap{position:relative}.photo-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:none;background:#000000a6;color:var(--surface);font-size:14px;line-height:1;cursor:pointer;z-index:2}.list-item-col{flex-direction:column;align-items:stretch;gap:6px}.list-item-col .progress-track{margin-top:2px}.list-item-col .cost-card-foot{margin-top:0}.opacity-muted{opacity:.55}.custom-select.is-disabled .custom-select-btn{opacity:1;cursor:not-allowed;background:transparent!important;background-color:transparent!important;color:var(--muted)!important;border-color:transparent!important;box-shadow:none!important;pointer-events:none}.proj-art-qty{display:flex;align-items:center;gap:8px;padding:4px 12px 10px 52px;width:100%;box-sizing:border-box}.proj-art-qty label{font-size:.75rem;font-weight:600;color:#6b7280;margin:0}.proj-art-qty input{width:72px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;font-size:.9rem;font-family:inherit}.cost-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:10px;box-shadow:var(--shadow);cursor:pointer}.cost-card-head{display:flex;align-items:center;gap:8px}.cost-card-title{font-weight:700;font-size:1rem;color:var(--text);min-width:0}.cost-card-sub{font-size:.8rem;color:#6b7280;margin:2px 0 10px}.cost-row{display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem;margin:4px 0;color:#4b5563}.cost-row strong{color:var(--text);font-weight:700}.cost-card-foot{font-size:.75rem;margin-top:8px}.cost-delta{font-size:.8rem;font-weight:600;margin-top:6px;text-align:right}.cost-delta.pos{color:#059669}.cost-delta.neg{color:#dc2626}.photo-thumb .photo-remove,.photo-remove-btn{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;border:none;background:#000000a6;color:var(--surface);font-size:1.15rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:2}.photo-remove-btn:active{background:#dc2626e6}.list-item-avatar{width:42px;height:42px;border-radius:12px;overflow:hidden;flex-shrink:0;background:var(--blue-light, #dbeafe);display:flex;align-items:center;justify-content:center}.list-item-avatar img{width:100%;height:100%;object-fit:cover;display:block}.list-item-avatar.no-img span,.list-item-avatar span{font-size:1.15rem;line-height:1;display:flex;align-items:center;justify-content:center}.back-chevron{transform:rotate(180deg);display:block}.person-contacts{display:flex;flex-direction:column;gap:4px;margin-top:6px}.person-contacts a{color:var(--blue, var(--blue));font-size:.9rem;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.profile-avatar-sm{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--blue-light, #dbeafe);color:var(--blue, var(--blue));font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center}.profile-avatar-sm img{width:100%;height:100%;object-fit:cover}.profile-avatar-lg{width:96px;height:96px;border-radius:50%;overflow:hidden;border:none;padding:0;margin:0 auto;background:var(--blue-light, #dbeafe);color:var(--blue, var(--blue));font-weight:700;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.profile-avatar-lg img{width:100%;height:100%;object-fit:cover}.profile-avatar-initials{line-height:1}.profile-home-row{display:flex;align-items:center;gap:12px;cursor:pointer}.profile-home-info{flex:1;min-width:0}.profile-home-info h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-avatar{margin-right:0}.profile-avatar-card{padding-top:20px;padding-bottom:16px}.app-image{position:relative;display:inline-grid;max-width:100%;vertical-align:middle;line-height:0}.app-image>img{display:block;max-width:100%}.app-image.is-loading>img{background:transparent!important;opacity:0}.list-item-avatar:has(.app-image.is-loading),.proj-card-avatar:has(.app-image.is-loading),.photo-thumb:has(.app-image.is-loading),.proj-detail-image:has(.app-image.is-loading),.proj-form-image:has(.app-image.is-loading){background:transparent}img[loading=lazy]{background:var(--gray)}.photo-thumb img,.list-item-avatar img,.proj-card-avatar img,.proj-detail-image img{content-visibility:auto}.admin-list-rest{margin-top:20px}.day-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.day-chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:600;cursor:pointer}.day-chip.active{background:var(--blue, var(--blue));border-color:var(--blue, var(--blue));color:var(--surface)}.check-row{display:flex;align-items:center;gap:8px;font-size:.9rem;margin:6px 0;cursor:pointer}.login-wrap{max-width:420px;margin:24px auto 0}.login-brand{text-align:center;margin-bottom:20px}.login-brand h2{margin:10px 0 4px;font-size:1.4rem}.login-logo{display:block;color:var(--blue);background:transparent!important;height:44px;width:auto;max-width:92%;object-fit:contain;margin:0 auto}#screen-login{padding-bottom:24px}#screen-login .login-wrap{max-width:440px;margin:12px auto 0}#login-user-list .list-item{background:var(--surface);margin-bottom:8px;border-radius:12px;border:1px solid var(--border)}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:28px 20px;box-sizing:border-box;position:relative}.login-center{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.login-card{width:100%;padding:28px 24px 22px;box-sizing:border-box;background:var(--surface);border-radius:20px;box-shadow:0 4px 6px -1px #0f172a0f,0 12px 32px -8px #0f172a1f;border:1px solid rgba(226,232,240,.9)}.login-card .login-title{margin:0 0 4px;font-size:1.25rem;font-weight:700;text-align:center}.login-card .login-sub{margin:0 0 18px;text-align:center;font-size:.9rem}.login-card label{display:block;font-size:.8rem;font-weight:600;color:#4b5563;margin-bottom:4px}.login-card input{width:100%;box-sizing:border-box}.login-forgot{display:block;width:100%;margin-top:14px;text-align:center;color:var(--blue);font-size:.9rem;background:none;border:none;cursor:pointer;padding:8px;font-weight:600}.login-forgot:disabled{opacity:.5}.login-version{margin:16px 0 0;font-size:.8rem;color:#94a3b8;font-weight:500;text-align:center}.login-test-list{width:100%;display:flex;flex-direction:column;gap:8px}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.login-brand-block{text-align:center;margin-bottom:10px}.login-tagline{margin:10px 0 0;font-size:.9rem;color:#64748b;font-weight:500;letter-spacing:.02em}.login-title{margin:0 0 6px;font-size:1.35rem;font-weight:700;color:#0f172a;text-align:center}.login-sub{margin:0 0 22px;font-size:.88rem;color:#64748b;text-align:center;line-height:1.4}.login-label{display:block;font-size:.78rem;font-weight:600;color:#475569;margin:0 0 6px}.login-label+.login-input,.login-label+.login-pass-wrap{margin-bottom:14px}.login-input{width:100%;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px;font-size:1rem;background:#f8fafc;color:#0f172a;transition:border-color .15s,box-shadow .15s,background .15s}.login-input:focus{outline:none;border-color:var(--blue);background:var(--surface);box-shadow:0 0 0 3px #2563eb26}.login-pass-wrap{position:relative}.login-pass-wrap .login-input{padding-right:64px;margin-bottom:0}.login-pass-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:none;color:var(--blue);font-size:.8rem;font-weight:600;cursor:pointer;padding:4px 6px}.login-submit{width:100%;margin-top:8px;border:none;border-radius:12px;padding:14px 16px;font-size:1rem;font-weight:700;color:var(--surface);background:linear-gradient(180deg,#3b82f6 0%,var(--blue) 100%);box-shadow:0 4px 14px #2563eb59;cursor:pointer}.login-submit:disabled{opacity:.7;cursor:wait}.login-submit:active:not(:disabled){transform:scale(.98)}.login-test-label{margin:24px 0 10px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;text-align:center}.login-test-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:12px 14px;border-radius:12px;border:1px solid #e2e8f0;background:var(--surface);cursor:pointer;text-align:left}.login-test-name{font-weight:600;color:#0f172a;font-size:.95rem}.login-test-email{font-size:.8rem;color:#64748b}.home-cards{display:flex;flex-direction:column;gap:14px}.home-card{width:100%;text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:18px 18px 16px;box-shadow:var(--shadow);cursor:pointer;font-family:inherit;color:inherit}.home-card:active{transform:scale(.99);background:#f8fafc}.home-card-top{display:flex;align-items:center;gap:10px;color:var(--blue);margin-bottom:10px}.home-card-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6b7280}.home-card-value{font-size:1.85rem;font-weight:800;color:var(--text);line-height:1.15}.home-card-unit{font-size:1rem;font-weight:600;color:#6b7280}.home-card-sub{margin-top:8px;font-size:.85rem;color:var(--muted)}.home-hero{margin-bottom:14px}.home-greeting{margin:0;font-size:1.6rem;font-weight:800;color:var(--text)}.home-date{margin:4px 0 0;color:var(--muted);font-size:.95rem;text-transform:capitalize}.home-cta{margin-top:0;margin-bottom:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.home-cta .hi{color:var(--surface)}.home-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.home-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px}button.home-stat-card{width:100%;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.home-stat-card-static{cursor:default;opacity:.55}.home-stat-card-static .home-stat-icon,.home-stat-card-static .home-stat-icon .hi-wrap,.home-stat-card-static .home-stat-icon .hi{color:var(--muted)}.home-stat-icon{color:var(--blue);font-size:1.5rem;line-height:0;flex-shrink:0;display:flex;align-items:center;justify-content:center}.home-stat-icon .hi-wrap,.home-stat-icon .hi{display:flex;color:var(--blue)}.home-stat-body{min-width:0;flex:1}.home-stat-chevron{flex-shrink:0;display:flex;align-items:center;color:var(--muted);line-height:0}.home-stat-value{font-size:1.35rem;font-weight:800;line-height:1.2}.home-stat-value span{font-size:.9rem;font-weight:600;color:#6b7280}.home-stat-label{margin-top:2px;font-size:.8rem;color:var(--muted);font-weight:600}.home-section{display:flex;align-items:center;justify-content:space-between;margin:8px 0 10px}.home-plan-card{margin:14px 0 18px;padding:14px}.home-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.home-logout{flex-shrink:0;margin-top:4px;font-size:.9rem}.home-project-cards,.proj-art-cards{display:flex;flex-direction:column;gap:0}.home-action-row .primary-btn{font-size:.9rem;line-height:1.25;padding:14px 10px;white-space:normal;min-height:52px;display:flex;align-items:center;justify-content:center;text-align:center}.hours-nav{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;margin-bottom:10px}.hours-nav-label{text-align:center;font-weight:700;font-size:1rem}.hours-nav .qty-plus:disabled{opacity:.35;cursor:default}.hours-nav-btn{width:40px;height:40px;margin:0;padding:0;border:none;border-radius:0;background:transparent;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center}.hours-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.hours-toolbar .segment{flex:1;margin-bottom:0}.hours-sum{margin-bottom:14px}.hours-day-add{width:100%;margin:0 0 12px}.hours-wdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:6px;font-size:.75rem;font-weight:700;color:var(--muted);text-align:center}.hours-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.hours-cell{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;min-height:56px;margin:0;padding:6px 2px;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:pointer}.hours-cell.muted{opacity:.45}.hours-cell.today{border-color:var(--blue)}.hours-cell.has{background:color-mix(in srgb,var(--blue) 10%,var(--surface))}.hours-cell-day{font-size:.8rem;font-weight:700}.hours-cell-hrs{font-size:.72rem;font-weight:700;color:var(--blue)}.hours-week{display:flex;flex-direction:column;gap:8px}.hours-week-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:0;padding:12px 14px;font:inherit;color:inherit;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);cursor:pointer}.hours-week-row.today{border-color:var(--blue)}.hours-week-row.has strong{color:var(--blue)}.plan-range{font-size:.75rem;font-weight:600}.plan-filter{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 12px}.plan-filter-btn{border:1px solid var(--border);background:var(--bg-app);color:#6b7280;border-radius:20px;padding:5px 12px;font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer}.plan-filter-btn.active{background:var(--blue-light);border-color:var(--blue);color:var(--blue)}.plan-chart{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}.plan-chart-inner{position:relative;min-height:20px;min-width:100%;box-sizing:border-box}.plan-bars{position:relative}.plan-row{min-width:100%;cursor:pointer;display:block;margin-bottom:8px}.plan-row-track,.plan-axis-track{min-width:100%;box-sizing:border-box}.plan-axis,.plan-row{display:flex;align-items:center;min-width:0;margin-bottom:6px}.plan-axis{margin-bottom:8px;min-height:18px;display:block}.plan-axis-spacer,.plan-row-label{width:100px;flex-shrink:0;font-size:.75rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}.plan-axis-track,.plan-row-track{position:relative;flex:1;height:22px;background:var(--gray);border-radius:6px;overflow:hidden}.plan-axis-track{background:transparent;height:16px;overflow:visible;position:relative;min-width:100%}.plan-month{position:absolute;top:0;font-size:.65rem;font-weight:700;color:var(--muted);text-transform:capitalize;transform:translate(-50%)}.plan-today{position:absolute;top:0;bottom:0;width:2px;background:var(--red, #ef4444);transform:translate(-50%);z-index:3;pointer-events:none;border-radius:1px}.plan-bar{position:absolute;top:4px;height:auto;border-radius:6px;min-width:8px;bottom:4px;padding:2px 8px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;box-sizing:border-box}.plan-bar-green{background:#34d399}.plan-bar-blue{background:#3b82f6}.plan-bar-gray{background:#6b7280}.plan-row:active .plan-row-track{background:var(--border)}.plan-row-track{position:relative;height:40px;background:var(--gray);border-radius:8px;overflow:hidden;min-width:100%}.plan-bar-name{font-size:.72rem;font-weight:700;color:var(--surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15}.plan-bar-dates{font-size:.62rem;font-weight:500;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15}.plan-bar-green,.plan-bar-ok{background:#10b981}.plan-bar-warn{background:#f59e0b}.plan-bar-over{background:#ef4444}.plan-scale-btns{display:flex;gap:4px}.plan-scale-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg-app);color:#6b7280;font-weight:700;font-size:.8rem;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.plan-scale-btn .hi-wrap{display:flex;align-items:center;justify-content:center}.plan-scale-btn.active{background:var(--blue);border-color:var(--blue);color:var(--surface)}.export-recipients{font-size:.9rem}.export-actions{display:flex;flex-direction:column;gap:8px;margin:12px 0 16px}.export-actions-below{margin-top:8px;margin-bottom:8px}.export-preview{max-height:none;overflow:auto;padding:12px!important;margin-top:4px;background:var(--bg-app)}.export-table{width:100%;border-collapse:collapse;font-size:.8rem}.export-table th{text-align:left;padding:8px 10px;background:var(--gray);color:#6b7280;font-weight:600;position:sticky;top:0}.export-table td{padding:8px 10px;border-bottom:1px solid var(--gray)}.export-table th.num,.export-table td.num,.export-table td[style*="text-align:right"]{text-align:right!important}.export-recipient-list{margin-top:12px;max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.export-recipient-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 4px;border:none;border-bottom:1px solid var(--gray);background:transparent;text-align:left;cursor:pointer;font:inherit;color:inherit}.export-recipient-row:last-child{border-bottom:none}.export-recipient-row:active,.export-recipient-row:hover{background:var(--bg-app)}.export-recipient-row.selected{opacity:.55}.export-recipient-main{display:flex;flex-direction:column;gap:2px;min-width:0}.export-recipient-name{font-weight:600;font-size:.95rem}.export-recipient-email{font-size:.82rem;color:#6b7280;word-break:break-all}.export-recipient-meta{font-size:.75rem;color:var(--muted);white-space:nowrap;flex-shrink:0}#export-recipient-search{width:100%;margin-bottom:4px}#export-recipient-search,.modal-body input[type=search]{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg-app);font-size:.95rem;margin-bottom:8px;box-sizing:border-box}#export-recipient-search:focus,.modal-body input[type=search]:focus{outline:none;border-color:var(--blue, var(--blue));background:var(--surface);box-shadow:0 0 0 3px #2563eb1f}.export-doc{font-size:.9rem;color:#111}.export-headers{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.export-headers .export-meta-card{width:100%;box-sizing:border-box;min-width:0}.export-meta-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px}.export-meta-row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--gray);font-size:.85rem}.export-meta-row:last-child{border-bottom:none}.export-meta-row span{color:#6b7280;flex-shrink:0}.export-meta-row strong{text-align:right;font-weight:600}.export-meta-row.sum strong{color:var(--blue, var(--blue));font-size:1rem}.export-meta-row .meta-sub{font-weight:500;color:#6b7280;font-size:.8rem}.export-project-title{margin:8px 0 10px;font-size:1.05rem;font-weight:700}.export-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:12px}.export-preview .export-table{width:100%;border-collapse:collapse;font-size:.85rem;margin:0}.export-preview .export-table th{background:var(--gray);padding:10px 12px;text-align:left;font-weight:600;color:#4b5563;border-bottom:1px solid var(--border)}.export-preview .export-table td{padding:10px 12px;border-bottom:1px solid var(--gray)}.export-preview .export-table tr:last-child td{border-bottom:none}.export-preview .export-table th.num,.export-preview .export-table td.num{text-align:right}.export-preview .export-media-card{background:var(--surface)!important}.export-preview .export-headers{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important}.export-preview .export-headers .export-meta-card{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}