:root{--google-bg:#f0f4f9;--google-surface:#fff;--google-primary:#0b57d0;--google-primary-hover:#0842a0;--google-active-pill:#d3e3fd;--google-hover-pill:#e1e9f6;--google-text-main:#1f1f1f;--google-text-sub:#5e5e5e;--google-border:#c7c7c7;--google-border-light:#e3e3e3;--google-green:#0f9d58;--google-red:#db4437;--google-yellow:#f4b400;--google-shadow:0 1px 2px 0 #3c40434d, 0 1px 3px 1px #3c404326;--google-transition:all .2s cubic-bezier(.2, 0, 0, 1);--sidebar-width:256px;--header-height:56px;--bottom-nav-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.6}body{color:var(--google-text-main);background-color:var(--google-bg);height:100vh;font-family:Noto Sans JP,Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow:hidden}a{color:inherit;text-decoration:none}.app-shell{width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--google-surface);border-right:1px solid var(--google-border-light);z-index:100;flex-direction:column;height:100vh;padding:16px 12px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:12px;margin-bottom:20px;padding:8px 16px;display:flex}.sidebar-brand-icon{color:var(--google-primary);font-size:28px}.sidebar-brand-text{color:var(--google-text-main);letter-spacing:.02em;font-size:16px;font-weight:600}.sidebar-section{margin-bottom:8px}.sidebar-section-title{color:var(--google-text-sub);text-transform:uppercase;letter-spacing:.08em;padding:12px 16px 8px;font-size:11px;font-weight:600}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.sidebar-link{color:var(--google-text-main);transition:var(--google-transition);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:100px;align-items:center;gap:12px;width:100%;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.sidebar-link:hover{background-color:var(--google-hover-pill)}.sidebar-link:hover .sidebar-link-icon{transform:scale(1.06)}.sidebar-link.active{background-color:var(--google-active-pill);color:var(--google-primary);font-weight:600}.sidebar-link-icon{font-size:22px;transition:transform .2s cubic-bezier(.2,0,0,1)}.sidebar-link.active .sidebar-link-icon{font-variation-settings:"FILL" 1}.main-area{margin-left:var(--sidebar-width);flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.main-header{height:var(--header-height);border-bottom:1px solid var(--google-border-light);background:var(--google-surface);flex-shrink:0;justify-content:flex-end;align-items:center;padding:0 24px;display:flex}.header-status{border-radius:100px;align-items:center;gap:8px;padding:6px 16px;font-size:13px;font-weight:500;display:flex}.header-status.connected{color:#137333;background:#e6f4ea}.header-status-dot{background:var(--google-green);border-radius:50%;width:8px;height:8px}.header-user{align-items:center;gap:12px;margin-left:16px;display:flex}.header-date{color:var(--google-text-sub);font-size:13px}.main-content{flex:1;padding:32px;overflow-y:auto}.page-header{margin-bottom:28px}.page-title{color:var(--google-text-main);align-items:center;gap:12px;margin-bottom:8px;font-size:22px;font-weight:600;display:flex}.page-title-icon{color:var(--google-primary);font-size:28px}.page-description{color:var(--google-text-sub);font-size:14px;line-height:1.6}.card{background:var(--google-surface);border:1px solid var(--google-border-light);transition:var(--google-transition);border-radius:24px;padding:28px}.card:hover{box-shadow:0 1px 3px #0000000d}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{color:var(--google-text-main);align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.card-title-icon{color:var(--google-primary);font-size:22px}.card-description{color:var(--google-text-sub);margin-bottom:20px;font-size:13px;line-height:1.6}.app-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.app-card{background:var(--google-surface);border:1px solid var(--google-border-light);transition:var(--google-transition);cursor:pointer;color:inherit;border-radius:24px;flex-direction:column;gap:16px;padding:28px;text-decoration:none;display:flex}.app-card:hover{transform:translateY(-2px);box-shadow:0 2px 8px #00000014}.app-card-icon-wrap{border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.app-card-icon-wrap.blue{color:#0b57d0;background:#d3e3fd}.app-card-icon-wrap.green{color:#0f9d58;background:#ceead6}.app-card-icon-wrap.orange{color:#b06000;background:#feefc3}.app-card-icon-wrap.red{color:#c5221f;background:#fce8e6}.app-card-icon-wrap.purple{color:#6750a4;background:#e8def8}.app-card-icon-wrap.teal{color:#007b83;background:#ccf2f4}.app-card-icon{font-size:28px}.app-card-title{color:var(--google-text-main);font-size:16px;font-weight:600}.app-card-desc{color:var(--google-text-sub);font-size:13px;line-height:1.5}.app-card-arrow{color:var(--google-text-sub);transition:var(--google-transition);align-self:flex-end;margin-top:auto;font-size:20px}.app-card:hover .app-card-arrow{color:var(--google-primary);transform:translate(4px)}.section-divider{align-items:center;gap:12px;margin:32px 0 24px;display:flex}.section-divider-icon{color:var(--google-primary);font-size:20px}.section-divider-text{color:var(--google-text-sub);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:600}.section-divider-line{background:var(--google-border-light);flex:1;height:1px}.btn-primary{background:var(--google-primary);color:#fff;cursor:pointer;transition:var(--google-transition);border:none;border-radius:100px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary:hover{background:var(--google-primary-hover)}.btn-secondary{border:1px solid var(--google-border);background:var(--google-surface);color:var(--google-primary);cursor:pointer;transition:var(--google-transition);border-radius:100px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn-secondary:hover{background:var(--google-hover-pill);border-color:var(--google-hover-pill)}.btn-danger{background:var(--google-red);color:#fff;cursor:pointer;transition:var(--google-transition);border:none;border-radius:100px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn-danger:hover{background:#c5221f}.btn-sm{padding:8px 16px;font-size:13px}.btn-icon{font-size:18px}.btn-group{flex-wrap:wrap;gap:12px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--google-surface);border:1px solid var(--google-border-light);text-align:center;transition:var(--google-transition);border-radius:16px;padding:20px}.stat-card:hover{box-shadow:0 1px 3px #0000000d}.stat-value{color:var(--google-primary);font-variant-numeric:tabular-nums;margin-bottom:4px;font-family:Inter,sans-serif;font-size:28px;font-weight:700}.stat-label{color:var(--google-text-sub);font-size:12px;font-weight:500}.status-badge{color:var(--google-text-sub);background:#f1f3f4;border-radius:100px;align-items:center;gap:6px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.active{color:#137333;background:#e6f4ea}.status-badge.pending{color:#b06000;background:#fef7e0}.status-badge.info{color:#1a73e8;background:#e8f0fe}.status-badge.error{color:#c5221f;background:#fce8e6}.table-container{border:1px solid var(--google-border-light);border-radius:20px;margin-bottom:24px;overflow:hidden}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table thead th{text-align:left;color:var(--google-text-main);border-bottom:1px solid var(--google-border-light);white-space:nowrap;background:#e9eef6;padding:12px 16px;font-weight:600}.data-table tbody td{border-bottom:1px solid var(--google-border-light);color:var(--google-text-main);padding:12px 16px}.data-table tbody tr:nth-child(2n){background:#f8f9fa}.data-table tbody tr:hover{background:var(--google-hover-pill)}.data-table tbody tr:last-child td{border-bottom:none}.form-group{margin-bottom:20px}.form-label{color:var(--google-text-main);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.form-label .required{color:#dc2626;margin-left:4px}.form-input,.form-select,.form-textarea{border:1px solid var(--google-border);width:100%;color:var(--google-text-main);background:var(--google-surface);transition:var(--google-transition);border-radius:12px;padding:12px 16px;font-family:inherit;font-size:14px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--google-primary);outline:none;box-shadow:0 0 0 2px #0b57d033}.form-input::placeholder{color:#9e9e9e}.form-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.alert{border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px 20px;font-size:13px;line-height:1.6;display:flex}.alert-icon{flex-shrink:0;margin-top:1px;font-size:20px}.alert.info{color:#1a73e8;background:#e8f0fe}.alert.success{color:#137333;background:#e6f4ea}.alert.warning{color:#b06000;background:#fef7e0}.alert.error{color:#c5221f;background:#fce8e6}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state-icon{color:var(--google-border);margin-bottom:20px;font-size:64px}.empty-state-title{color:var(--google-text-main);margin-bottom:8px;font-size:18px;font-weight:600}.empty-state-description{color:var(--google-text-sub);max-width:400px;margin-bottom:24px;font-size:14px;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s cubic-bezier(.2,0,0,1) both fadeIn}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.quick-info-list{flex-direction:column;gap:12px;display:flex}.quick-info-item{transition:var(--google-transition);background:#f8f9fa;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.quick-info-item:hover{background:var(--google-hover-pill)}.quick-info-icon{color:var(--google-primary);font-size:20px}.quick-info-text{flex:1}.quick-info-title{color:var(--google-text-main);font-size:13px;font-weight:500}.quick-info-sub{color:var(--google-text-sub);font-size:12px}.text-muted{color:var(--google-text-sub)}.text-primary{color:var(--google-primary)}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.gap-3{gap:12px}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.bottom-nav{display:none}@media (max-width:768px){.sidebar{display:none}.main-area{height:calc(100vh - var(--bottom-nav-height));margin-left:0}.main-header{display:none}.main-content{padding:20px 16px;padding-bottom:calc(var(--bottom-nav-height) + 20px)}.bottom-nav{height:var(--bottom-nav-height);background:var(--google-surface);border-top:1px solid var(--google-border-light);z-index:100;justify-content:space-around;align-items:center;padding:0 4px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{cursor:pointer;min-width:56px;color:var(--google-text-sub);transition:var(--google-transition);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 0;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--google-primary)}.bottom-nav-icon-wrap{width:56px;height:28px;transition:var(--google-transition);border-radius:100px;justify-content:center;align-items:center;display:flex}.bottom-nav-item.active .bottom-nav-icon-wrap{background:var(--google-active-pill)}.bottom-nav-icon{font-size:22px}.bottom-nav-item.active .bottom-nav-icon{font-variation-settings:"FILL" 1}.bottom-nav-label{font-size:10px;font-weight:500}.card{border-radius:16px;padding:20px}.app-cards-grid{grid-template-columns:1fr;gap:12px}.app-card{border-radius:16px;flex-direction:row;align-items:center;padding:20px}.app-card-icon-wrap{border-radius:12px;flex-shrink:0;width:44px;height:44px}.app-card-icon{font-size:24px}.app-card-content{flex:1}.app-card-arrow{align-self:center;margin-top:0}.form-grid{grid-template-columns:1fr;gap:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{border-radius:12px;padding:16px}.stat-value{font-size:22px}.page-title{font-size:18px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}.app-card-desc{display:none}}.app-frame-container{height:calc(100vh - var(--header-height) - 64px);border:1px solid var(--google-border-light);background:var(--google-surface);border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden}.app-frame-header{background:var(--google-surface);border-bottom:1px solid var(--google-border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.app-frame-title{color:var(--google-text-main);align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.app-frame-title-icon{color:var(--google-primary);font-size:22px}.app-frame-iframe{background:var(--google-bg);border:none;flex:1;width:100%}.app-frame-loading{background:var(--google-surface);z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:48px 0 0}.app-frame-spinner{border:3px solid var(--google-border-light);border-top-color:var(--google-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-frame-loading-text{color:var(--google-text-sub);font-size:13px;font-weight:500}@media (max-width:768px){.app-frame-container{height:calc(100vh - var(--bottom-nav-height) - 40px);border-radius:12px}.app-frame-header{padding:10px 14px}.app-frame-title{font-size:13px}}@media print{.sidebar,.main-header,.bottom-nav,.btn-primary,.btn-secondary{display:none!important}.main-area{margin-left:0}.main-content{padding:0}body{background:#fff;overflow:visible}}.status-badge.prospect{color:#1a73e8;background:#e8f0fe}.status-badge.estimating{color:#b06000;background:#fef7e0}.status-badge.submitted{color:#7627bb;background:#f3e8fd}.status-badge.ordered{color:#137333;background:#e6f4ea}.status-badge.in-progress{color:#0b57d0;background:#d3e3fd}.status-badge.completed{color:#5e5e5e;background:#f1f3f4}.status-badge.lost{color:#c5221f;background:#fce8e6}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:300;background:#00000073;justify-content:center;align-items:center;padding:24px;animation:.2s both fadeInOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--google-surface);border-radius:24px;flex-direction:column;width:100%;max-width:720px;max-height:85vh;animation:.3s cubic-bezier(.2,0,0,1) both slideUp;display:flex;box-shadow:0 8px 32px #0000002e}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--google-border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 28px 16px;display:flex}.modal-title{color:var(--google-text-main);align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.modal-title-icon{color:var(--google-primary);font-size:24px}.modal-close{width:36px;height:36px;color:var(--google-text-sub);cursor:pointer;transition:var(--google-transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--google-hover-pill);color:var(--google-text-main)}.modal-body{flex:1;padding:24px 28px;overflow-y:auto}.modal-footer{border-top:1px solid var(--google-border-light);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:16px 28px 24px;display:flex}.drawer-overlay{z-index:300;background:#00000052;animation:.2s both fadeInOverlay;position:fixed;inset:0}.drawer-panel{background:var(--google-surface);z-index:301;flex-direction:column;width:440px;animation:.3s cubic-bezier(.2,0,0,1) both slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 24px #0000001f}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--google-border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.drawer-title{color:var(--google-text-main);align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.drawer-body{flex:1;padding:24px;overflow-y:auto}.drawer-footer{border-top:1px solid var(--google-border-light);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.toast-container{z-index:400;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--google-surface);border-left:4px solid var(--google-primary);border-radius:12px;align-items:center;gap:12px;min-width:320px;max-width:440px;padding:14px 20px;animation:.35s cubic-bezier(.2,0,0,1) both slideInToast;display:flex;box-shadow:0 4px 16px #00000026}@keyframes slideInToast{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToast{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(60px)}}.toast.removing{animation:.25s cubic-bezier(.4,0,1,1) both slideOutToast}.toast.success{border-left-color:var(--google-green)}.toast.error{border-left-color:var(--google-red)}.toast.warning{border-left-color:var(--google-yellow)}.toast-icon{flex-shrink:0;font-size:22px}.toast.success .toast-icon{color:var(--google-green)}.toast.error .toast-icon{color:var(--google-red)}.toast.warning .toast-icon{color:var(--google-yellow)}.toast-body{flex:1}.toast-title{color:var(--google-text-main);margin-bottom:2px;font-size:13px;font-weight:600}.toast-message{color:var(--google-text-sub);font-size:12px}.toast-close{width:28px;height:28px;color:var(--google-text-sub);cursor:pointer;transition:var(--google-transition);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-close:hover{background:#f1f3f4}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.search-input-wrap{flex:1;min-width:200px;position:relative}.search-input-wrap .search-icon{color:var(--google-text-sub);pointer-events:none;font-size:20px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{border:1px solid var(--google-border);width:100%;color:var(--google-text-main);background:var(--google-surface);transition:var(--google-transition);border-radius:100px;padding:10px 16px 10px 44px;font-family:inherit;font-size:14px}.search-input:focus{border-color:var(--google-primary);outline:none;box-shadow:0 0 0 2px #0b57d033}.search-input::placeholder{color:#9e9e9e}.filter-select{border:1px solid var(--google-border);color:var(--google-text-main);background:var(--google-surface);cursor:pointer;transition:var(--google-transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%235E5E5E' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border-radius:100px;padding:10px 36px 10px 16px;font-family:inherit;font-size:13px}.filter-select:focus{border-color:var(--google-primary);outline:none}.data-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--google-transition)}.data-table thead th.sortable:hover{background:#dee4ed}.sort-icon{vertical-align:middle;opacity:.4;transition:var(--google-transition);margin-left:4px;font-size:16px}.data-table thead th.sortable:hover .sort-icon{opacity:.7}.data-table thead th.sorted .sort-icon{opacity:1;color:var(--google-primary)}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover{background:var(--google-active-pill)}.custom-checkbox{border:2px solid var(--google-border);cursor:pointer;width:20px;height:20px;transition:var(--google-transition);background:var(--google-surface);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.custom-checkbox:hover{border-color:var(--google-primary)}.custom-checkbox.checked{background:var(--google-primary);border-color:var(--google-primary);color:#fff}.custom-checkbox .check-icon{font-size:16px;font-weight:700}.sync-timeline{flex-direction:column;gap:0;padding-left:8px;display:flex}.sync-timeline-item{gap:16px;padding-bottom:20px;display:flex;position:relative}.sync-timeline-item:last-child{padding-bottom:0}.sync-timeline-dot-wrap{flex-direction:column;flex-shrink:0;align-items:center;width:20px;display:flex}.sync-timeline-dot{background:var(--google-primary);border:2px solid #d3e3fd;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:4px}.sync-timeline-dot.success{background:var(--google-green);border-color:#ceead6}.sync-timeline-dot.error{background:var(--google-red);border-color:#fce8e6}.sync-timeline-line{background:var(--google-border-light);flex:1;width:2px;margin-top:4px}.sync-timeline-content{flex:1;padding-top:0}.sync-timeline-title{color:var(--google-text-main);margin-bottom:2px;font-size:13px;font-weight:500}.sync-timeline-time{color:var(--google-text-sub);font-size:11px}.stat-card.green .stat-value{color:var(--google-green)}.stat-card.orange .stat-value{color:#b06000}.stat-card.red .stat-value{color:var(--google-red)}.stat-card.blue .stat-value{color:var(--google-primary)}.stat-card.green{border-top:3px solid var(--google-green)}.stat-card.orange{border-top:3px solid var(--google-yellow)}.stat-card.red{border-top:3px solid var(--google-red)}.stat-card.blue{border-top:3px solid var(--google-primary)}.detail-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-item.full-width{grid-column:1/-1}.detail-label{color:var(--google-text-sub);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.detail-value{color:var(--google-text-main);font-size:14px;font-weight:500}.confirm-dialog .modal-content{max-width:420px}.confirm-dialog .modal-body{text-align:center;padding:32px 28px}.confirm-icon{color:var(--google-primary);margin-bottom:16px;font-size:48px}.confirm-title{color:var(--google-text-main);margin-bottom:8px;font-size:18px;font-weight:600}.confirm-message{color:var(--google-text-sub);font-size:14px;line-height:1.6}.amount-cell{font-variant-numeric:tabular-nums;font-family:Inter,sans-serif;font-weight:500}.import-list-item{transition:var(--google-transition);cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;display:flex}.import-list-item:hover{background:var(--google-hover-pill)}.import-list-item.selected{border-color:var(--google-primary);background:#e8f0fe}.import-list-item-content{flex:1}.import-list-item-title{color:var(--google-text-main);margin-bottom:2px;font-size:14px;font-weight:500}.import-list-item-sub{color:var(--google-text-sub);font-size:12px}@media (max-width:768px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:24px 24px 0 0;max-width:100%;max-height:92vh}.modal-header{padding:20px 20px 14px}.modal-body{padding:20px}.modal-footer{padding:14px 20px 20px}.drawer-panel{width:100%}.filter-bar{flex-direction:column;align-items:stretch}.search-input-wrap{min-width:100%}.filter-select{width:100%}.detail-grid{grid-template-columns:1fr}.toast-container{bottom:calc(var(--bottom-nav-height) + 12px);left:12px;right:12px}.toast{min-width:auto;max-width:100%}}