@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Inter:wght@400;500;600&display=swap";.sidebar{z-index:40;background-color:#f8fafc;border-right:none;flex-direction:column;width:16rem;height:100%;padding:1rem;font-size:.875rem;display:flex;position:fixed;top:0;left:0}.sidebar-header{align-items:center;gap:.75rem;margin-bottom:2rem;padding:0 .5rem;display:flex}.sidebar-header .logo-icon{background-color:var(--primary);border-radius:var(--radius-lg);width:2rem;height:2rem;color:var(--on-primary);justify-content:center;align-items:center;display:flex}.sidebar-header .logo-text h1{letter-spacing:-.025em;color:#0f172a;font-size:1.25rem;font-weight:700;line-height:1.2}.sidebar-header .logo-text p{color:var(--on-surface-variant);font-size:.625rem;line-height:1}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.sidebar-nav .nav-item{border-radius:var(--radius-xl);color:#475569;align-items:center;gap:.75rem;padding:.625rem .75rem;font-weight:500;text-decoration:none;transition:colors .2s ease-in-out;display:flex}.sidebar-nav .nav-item:hover{background-color:#e2e8f080}.sidebar-nav .nav-item.active{background-color:var(--primary-container);color:var(--primary);font-weight:600}.sidebar-footer{border-top:1px solid #e2e8f0;flex-direction:column;gap:.25rem;margin-top:auto;padding-top:1rem;display:flex}.sidebar-footer .new-entry-btn{background-color:var(--primary);width:100%;color:var(--on-primary);border-radius:var(--radius-xl);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 0;font-weight:700;transition:all .2s;display:flex}.sidebar-footer .new-entry-btn:hover{opacity:.9}.sidebar-footer .new-entry-btn:active{transform:scale(.98)}.sidebar-footer .footer-item{color:#475569;border-radius:var(--radius-xl);align-items:center;gap:.75rem;padding:.5rem .75rem;text-decoration:none;transition:colors .2s ease-in-out;display:flex}.sidebar-footer .footer-item:hover{background-color:#e2e8f080}.top-header{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fffc;justify-content:space-between;align-items:center;width:100%;height:4rem;padding:0 2rem;font-size:.875rem;display:flex;position:sticky;top:0}.top-header .search-container{flex:1;align-items:center;max-width:28rem;display:flex}.top-header .search-container .search-input-wrapper{width:100%;position:relative}.top-header .search-container .search-input-wrapper .search-icon{color:var(--on-surface-variant);font-size:1.125rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.top-header .search-container .search-input-wrapper input{background-color:var(--surface-container-highest);border:none;border-radius:9999px;width:100%;padding:.5rem 1rem .5rem 2.5rem;font-size:.875rem;transition:all .2s}.top-header .search-container .search-input-wrapper input:focus{box-shadow:0 0 0 1px var(--primary);background-color:var(--surface-container-lowest);outline:none}.top-header .user-actions{align-items:center;gap:1.5rem;display:flex}.top-header .user-actions .icon-actions{color:#64748b;align-items:center;gap:1rem;display:flex}.top-header .user-actions .icon-actions button{cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;transition:color .2s;display:flex}.top-header .user-actions .icon-actions button:hover{color:var(--primary)}.top-header .user-actions .user-profile{border-left:1px solid var(--surface-container-high);align-items:center;gap:.75rem;padding-left:1.5rem;display:flex}.top-header .user-actions .user-profile .user-info{text-align:right}.top-header .user-actions .user-profile .user-info .user-name{color:var(--on-surface);font-weight:700;line-height:1.25}.top-header .user-actions .user-profile .user-info .user-role{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;font-size:.625rem}.top-header .user-actions .user-profile .avatar{object-fit:cover;border-radius:9999px;width:2.25rem;height:2.25rem}.layout-wrapper{background-color:var(--surface);min-height:100vh;color:var(--on-surface);font-family:var(--font-body), sans-serif;-webkit-font-smoothing:antialiased;display:flex}.main-content-shell{flex-direction:column;flex:1;min-height:100vh;margin-left:16rem;display:flex}.content-area{width:100%;max-width:1600px;margin:0 auto;padding:2rem}.qr-modal-overlay{z-index:100;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.qr-modal-overlay .backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#2a343999;animation:.3s ease-out fadeIn;position:absolute;inset:0}.qr-modal-overlay .modal-card{background-color:var(--surface-container-lowest);border-radius:2.5rem;flex-direction:column;width:100%;max-width:48rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) zoomIn;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@media (width>=768px){.qr-modal-overlay .modal-card{flex-direction:row;height:100%}}.qr-modal-overlay .modal-card .qr-section{background-color:var(--surface-container-low);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:2.5rem;display:flex}@media (width>=768px){.qr-modal-overlay .modal-card .qr-section{width:41.6667%}}.qr-modal-overlay .modal-card .qr-section .qr-wrapper{background-color:#fff;border:1px solid #a9b4b91a;border-radius:2rem;justify-content:center;margin-bottom:1.5rem;padding:1.5rem;display:flex;box-shadow:0 1px 2px #0000000d}.qr-modal-overlay .modal-card .qr-section .helper-text{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.qr-modal-overlay .modal-card .qr-section .action-text{color:var(--on-surface);font-size:.875rem;font-weight:500}.qr-modal-overlay .modal-card .instructions-section{width:100%;padding:2.5rem;position:relative}@media (width>=768px){.qr-modal-overlay .modal-card .instructions-section{width:58.3333%}}.qr-modal-overlay .modal-card .instructions-section .close-btn{color:var(--on-surface-variant);cursor:pointer;background:0 0;border:none;transition:color .2s;position:absolute;top:1.5rem;right:1.5rem}.qr-modal-overlay .modal-card .instructions-section .close-btn:hover{color:var(--on-surface)}.qr-modal-overlay .modal-card .instructions-section h2{color:var(--on-background);margin-bottom:2rem;padding-right:2rem;font-size:1.5rem;font-weight:800;line-height:1.25}.qr-modal-overlay .modal-card .instructions-section .steps-list{flex-direction:column;gap:2rem;display:flex}.qr-modal-overlay .modal-card .instructions-section .steps-list .step-item{gap:1rem;display:flex}.qr-modal-overlay .modal-card .instructions-section .steps-list .step-item .step-number{background-color:var(--primary-container);width:2rem;height:2rem;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.qr-modal-overlay .modal-card .instructions-section .steps-list .step-item .step-content h3{color:var(--on-surface);margin-bottom:.25rem;font-size:1rem;font-weight:700}.qr-modal-overlay .modal-card .instructions-section .steps-list .step-item .step-content p{color:var(--on-surface-variant);font-size:.875rem;line-height:1.625}.qr-modal-overlay .modal-card .instructions-section .secure-footer{color:var(--on-surface-variant);border-top:1px solid #a9b4b933;align-items:center;gap:.5rem;margin-top:2.5rem;padding-top:2rem;font-size:.75rem;display:flex}.qr-modal-overlay .modal-card .instructions-section .secure-footer .icon{color:var(--primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.upload-receipts-page{flex-direction:column;gap:1.5rem;padding-bottom:1rem;display:flex}.upload-receipts-page .hero-section .badge{background-color:var(--primary-container);color:var(--on-primary-container);letter-spacing:.1em;text-transform:uppercase;border-radius:9999px;align-items:center;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.625rem;font-weight:700;display:inline-flex}.upload-receipts-page .hero-section h2{letter-spacing:-.025em;color:var(--on-surface);margin-bottom:.5rem;font-size:2.25rem;font-weight:700;line-height:1.1}.upload-receipts-page .hero-section p{color:var(--on-surface-variant);max-width:42rem;font-size:1rem}.upload-receipts-page .upload-cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;display:grid}.upload-receipts-page .upload-card{background-color:var(--surface-container-lowest);cursor:pointer;border:1px solid #0000000d;border-radius:1.25rem;flex-direction:column;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.upload-receipts-page .upload-card.disabled{opacity:.5;pointer-events:none;filter:grayscale();cursor:not-allowed}.upload-receipts-page .upload-card:hover{box-shadow:var(--shadow-floating);transform:translateY(-4px)}.upload-receipts-page .upload-card:hover .bg-icon{opacity:.1}.upload-receipts-page .upload-card:hover .card-action-icon{background-color:var(--primary);color:var(--on-primary)}.upload-receipts-page .upload-card:hover .card-action-text{text-decoration:underline}.upload-receipts-page .upload-card .bg-icon{opacity:.05;color:var(--primary);transition:opacity .3s;position:absolute;top:1rem;right:1rem}.upload-receipts-page .upload-card .card-icon-wrapper{border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1rem;display:flex}.upload-receipts-page .upload-card .card-icon-wrapper.local{background-color:var(--primary-container);color:var(--primary)}.upload-receipts-page .upload-card .card-icon-wrapper.mobile{background-color:var(--secondary-container);color:var(--secondary)}.upload-receipts-page .upload-card .card-header-flex{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex}.upload-receipts-page .upload-card .card-header-flex .premium-badge{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dim) 100%);color:var(--on-primary);letter-spacing:.05em;text-transform:uppercase;border-radius:9999px;padding:.25rem .75rem;font-size:.625rem;font-weight:700}.upload-receipts-page .upload-card h3{color:var(--on-surface);margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.upload-receipts-page .upload-card p{color:var(--on-surface-variant);flex-grow:1;margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.upload-receipts-page .upload-card .card-footer{justify-content:space-between;align-items:center;display:flex}.upload-receipts-page .upload-card .card-footer .card-action-text{color:var(--primary);font-size:.75rem;font-weight:600}.upload-receipts-page .upload-card .card-footer .card-action-icon{background-color:var(--surface-container-high);width:2rem;height:2rem;color:var(--on-surface-variant);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.upload-receipts-page .stats-grid{grid-template-columns:2fr 1fr;gap:1rem;display:grid}.upload-receipts-page .stats-grid .stat-card{border-radius:1rem;padding:1.25rem;display:flex}.upload-receipts-page .stats-grid .stat-card.processing{background-color:var(--surface-container-low);align-items:center;gap:1rem}.upload-receipts-page .stats-grid .stat-card.processing .stat-content{flex:1}.upload-receipts-page .stats-grid .stat-card.processing .stat-visual{flex-direction:column;justify-content:center;align-items:center;width:5.5rem;height:5.5rem;display:flex;position:relative}.upload-receipts-page .stats-grid .stat-card.processing .stat-visual .circle-border{border:4px solid var(--primary-container);border-top-color:var(--primary);border-radius:50%;position:absolute;inset:0}.upload-receipts-page .stats-grid .stat-card.processing .stat-visual .value{color:var(--primary);font-size:1.125rem;font-weight:700}.upload-receipts-page .stats-grid .stat-card.processing .stat-visual .label{text-transform:uppercase;color:var(--on-surface-variant);font-size:.5rem;font-weight:700}.upload-receipts-page .stats-grid .stat-card.queue{background-color:var(--surface-container-highest);flex-direction:column;justify-content:center}.upload-receipts-page .stats-grid .stat-card.queue .value{color:var(--on-surface);margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.upload-receipts-page .stats-grid .stat-card.queue .status-dot{background-color:#10b981;border-radius:50%;width:.5rem;height:.5rem;margin-right:.25rem;display:inline-block}.upload-receipts-page .stats-grid .stat-card .overline{text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-variant);margin-bottom:.25rem;font-size:.75rem;font-weight:600}.upload-receipts-page .stats-grid .stat-card h4{margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.upload-receipts-page .stats-grid .stat-card p{color:var(--on-surface-variant);font-size:.875rem}.upload-receipts-page .table-section .table-header{justify-content:space-between;align-items:flex-end;margin-bottom:1rem;display:flex}.upload-receipts-page .table-section .table-header h4{color:var(--on-surface);font-size:1.125rem;font-weight:700}.upload-receipts-page .table-section .table-header button{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;font-weight:600}.upload-receipts-page .table-section .table-header button:hover{text-decoration:underline}.upload-receipts-page .table-section .table-container{background-color:var(--surface-container-lowest);border-radius:1rem;overflow:hidden}.upload-receipts-page .table-section .table-container table{border-collapse:collapse;text-align:left;width:100%}.upload-receipts-page .table-section .table-container table th{background-color:var(--surface-container-highest);text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);padding:.75rem 1.25rem;font-size:.6875rem;font-weight:700}.upload-receipts-page .table-section .table-container table th.text-right{text-align:right}.upload-receipts-page .table-section .table-container table td{border-bottom:1px solid var(--surface-container-low);padding:.875rem 1.25rem}.upload-receipts-page .table-section .table-container table td.text-right{text-align:right}.upload-receipts-page .table-section .table-container table tr:last-child td{border-bottom:none}.upload-receipts-page .table-section .table-container table tr:hover td{background-color:var(--surface-container-low)}.upload-receipts-page .table-section .table-container table .file-info{align-items:center;gap:.75rem;display:flex}.upload-receipts-page .table-section .table-container table .file-info .icon-box{border-radius:.25rem;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.upload-receipts-page .table-section .table-container table .file-info .icon-box.pdf{color:var(--primary);background-color:#dbe1ff80}.upload-receipts-page .table-section .table-container table .file-info .icon-box.image{color:var(--secondary);background-color:#d5e3fc80}.upload-receipts-page .table-section .table-container table .file-info .filename{color:var(--on-surface);font-weight:500}.upload-receipts-page .table-section .table-container table .date{color:var(--on-surface-variant);font-size:.875rem}.upload-receipts-page .table-section .table-container table .amount{color:var(--on-surface);font-weight:700}.upload-receipts-page .table-section .table-container table .status-badge{text-transform:uppercase;border-radius:9999px;padding:.25rem .75rem;font-size:.625rem;font-weight:700;display:inline-block}.upload-receipts-page .table-section .table-container table .status-badge.verified{background-color:var(--primary-container);color:var(--primary)}.upload-receipts-page .table-section .table-container table .status-badge.pending{background-color:var(--secondary-container);color:var(--secondary)}.local-upload-page{flex-direction:column;gap:1.5rem;padding-bottom:1rem;display:flex}.local-upload-page .hero-section{justify-content:space-between;align-items:flex-start;display:flex}.local-upload-page .hero-section h2{letter-spacing:-.025em;color:var(--on-surface);margin-bottom:.5rem;font-size:2.25rem;font-weight:700;line-height:1.1}.local-upload-page .hero-section p{color:var(--on-surface-variant);max-width:42rem;font-size:1rem}.local-upload-page .header-actions button{border-radius:var(--radius-lg);cursor:pointer;background-color:var(--surface-container-highest);color:var(--on-surface);border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:background-color .2s;display:flex}.local-upload-page .header-actions button:hover{background-color:var(--surface-container-high)}.local-upload-page .bento-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=1024px){.local-upload-page .bento-grid{grid-template-columns:repeat(12,1fr)}.local-upload-page .drop-zone-cell{grid-column:span 8}}.local-upload-page .info-sidebar{flex-direction:column;gap:1.5rem;display:flex}@media (width>=1024px){.local-upload-page .info-sidebar{grid-column:span 4}}.local-upload-page .drop-zone{background-color:var(--surface-container-lowest);text-align:center;border:2px dashed #a9b4b94d;border-radius:2rem;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:3rem;transition:all .3s;display:flex}.local-upload-page .drop-zone:hover,.local-upload-page .drop-zone.drag-active{background-color:#dbe1ff33;border-color:#0053db66}.local-upload-page .drop-zone:hover .icon-circle,.local-upload-page .drop-zone.drag-active .icon-circle{transform:scale(1.1)}.local-upload-page .drop-zone .icon-circle{background-color:var(--surface-container-low);width:6rem;height:6rem;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;transition:transform .3s;display:flex}.local-upload-page .drop-zone .drop-title{color:var(--on-surface);margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.local-upload-page .drop-zone .drop-desc{color:var(--on-surface-variant);max-width:20rem;margin-bottom:2rem;font-size:.875rem}.local-upload-page .drop-zone .browse-btn{background-color:var(--primary);color:var(--on-primary);cursor:pointer;box-shadow:var(--shadow-floating);border:none;border-radius:1rem;padding:1rem 2.5rem;font-size:1rem;font-weight:700;transition:all .2s}.local-upload-page .drop-zone .browse-btn:hover{opacity:.9}.local-upload-page .drop-zone .browse-btn:active{transform:scale(.95)}.local-upload-page .drop-zone .security-badges{gap:1rem;margin-top:2.5rem;display:flex}.local-upload-page .drop-zone .security-badges .badge-item{background-color:var(--surface-container-high);color:var(--on-surface-variant);border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:flex}.local-upload-page .pro-tip{background-color:#dbe1ff4d;border-radius:2rem;flex:1;padding:2rem;position:relative;overflow:hidden}.local-upload-page .pro-tip .label{text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:1rem;font-size:.75rem;font-weight:700;display:block}.local-upload-page .pro-tip h4{color:var(--on-primary-container);margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.2}.local-upload-page .pro-tip p{color:var(--on-primary-container);opacity:.8;margin-bottom:1.5rem;font-size:.875rem;line-height:1.6}.local-upload-page .pro-tip a{color:var(--primary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.local-upload-page .pro-tip a:hover{text-decoration:underline}.local-upload-page .upload-stats{background-color:var(--surface-container-low);border-radius:2rem;padding:2rem}.local-upload-page .upload-stats h4{color:var(--on-surface-variant);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:700;display:flex}.local-upload-page .upload-stats .stat-row{justify-content:space-between;align-items:flex-end;margin-bottom:.5rem;display:flex}.local-upload-page .upload-stats .stat-row .label{color:var(--on-surface-variant);font-size:.75rem}.local-upload-page .upload-stats .stat-row .val{font-size:.875rem;font-weight:700}.local-upload-page .upload-stats .progress-bar{background-color:var(--surface-container-highest);border-radius:9999px;width:100%;height:.5rem;overflow:hidden}.local-upload-page .upload-stats .progress-bar .fill{background-color:var(--primary);width:28%;height:100%}.preview-page{flex-direction:column;gap:2rem;padding-bottom:2rem;display:flex;position:relative}.preview-page.empty{justify-content:center;align-items:center;gap:1rem;height:50vh}.preview-page.empty h2{color:var(--on-surface-variant);font-size:1.5rem}.preview-page.empty button{background-color:var(--primary);color:var(--on-primary);border-radius:var(--radius-lg);cursor:pointer;border:none;padding:.75rem 1.5rem;font-weight:600}.preview-page .uploading-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background-color:#ffffffd9;justify-content:center;align-items:center;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.preview-page .uploading-overlay .overlay-content{background-color:var(--surface-container-lowest);box-shadow:var(--shadow-floating);text-align:center;border-radius:2rem;flex-direction:column;align-items:center;max-width:24rem;padding:3rem;display:flex}.preview-page .uploading-overlay .overlay-content .spinner{color:var(--primary);margin-bottom:1.5rem;animation:1s linear infinite spin}.preview-page .uploading-overlay .overlay-content h3{color:var(--on-surface);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.preview-page .uploading-overlay .overlay-content p{color:var(--on-surface-variant);font-size:.875rem;line-height:1.5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preview-page .hero-section{justify-content:space-between;align-items:flex-end;display:flex}.preview-page .hero-section .back-btn{color:var(--on-surface-variant);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:1rem;padding:0;font-size:.875rem;font-weight:600;display:inline-flex}.preview-page .hero-section .back-btn:hover{color:var(--primary)}.preview-page .hero-section h2{color:var(--on-surface);letter-spacing:-.025em;margin-bottom:.5rem;font-size:2.25rem;font-weight:700;line-height:1.1}.preview-page .hero-section p{color:var(--on-surface-variant);max-width:42rem}.preview-page .hero-section .header-actions{gap:1rem;display:flex}.preview-page .hero-section .header-actions button{border-radius:var(--radius-lg);cursor:pointer;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s}.preview-page .hero-section .header-actions button.btn-secondary{color:var(--on-surface);background:0 0;border:1px solid #a9b4b966}.preview-page .hero-section .header-actions button.btn-secondary:hover{background-color:var(--surface-container-high)}.preview-page .hero-section .header-actions button.btn-primary{background-color:var(--primary);color:var(--on-primary);border:none}.preview-page .hero-section .header-actions button.btn-primary:hover{opacity:.9}.preview-page .ready-table-container{background-color:var(--surface-container-lowest);border-radius:1.5rem;overflow:hidden}.preview-page .ready-table-container .table-head{background-color:#e1e9ee80;border-bottom:1px solid #a9b4b91a;grid-template-columns:repeat(12,1fr);padding:1.25rem 2rem;display:grid}.preview-page .ready-table-container .table-head .col{text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-variant);font-size:.625rem;font-weight:900}.preview-page .ready-table-container .table-head .col.name{grid-column:span 9}.preview-page .ready-table-container .table-head .col.size{grid-column:span 2}.preview-page .ready-table-container .table-head .col.actions{text-align:right;grid-column:span 1}.preview-page .ready-table-container .table-body .row{border-bottom:1px solid #a9b4b90d;grid-template-columns:repeat(12,1fr);align-items:center;padding:1.5rem 2rem;transition:background-color .2s;display:grid}.preview-page .ready-table-container .table-body .row:hover{background-color:var(--surface-container-low)}.preview-page .ready-table-container .table-body .row .cell-name{grid-column:span 9;align-items:center;gap:1rem;display:flex}.preview-page .ready-table-container .table-body .row .cell-name .icon-box{border-radius:.75rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.preview-page .ready-table-container .table-body .row .cell-name .icon-box.pdf{color:#9e3f4e;background-color:#ff8b9a33}.preview-page .ready-table-container .table-body .row .cell-name .icon-box.image{background-color:var(--secondary-container);color:var(--secondary)}.preview-page .ready-table-container .table-body .row .cell-name .icon-box.csv{background-color:var(--primary-container);color:var(--primary)}.preview-page .ready-table-container .table-body .row .cell-name .icon-box.default{background-color:var(--surface-container-high);color:var(--on-surface-variant)}.preview-page .ready-table-container .table-body .row .cell-name .file-name{color:var(--on-surface);font-size:.875rem;font-weight:700}.preview-page .ready-table-container .table-body .row .cell-name .file-meta{color:var(--on-surface-variant);margin-top:.25rem;font-size:.625rem;font-weight:500}.preview-page .ready-table-container .table-body .row .cell-size{color:var(--on-surface);grid-column:span 2;font-size:.875rem;font-weight:500}.preview-page .ready-table-container .table-body .row .cell-actions{text-align:right;grid-column:span 1}.preview-page .ready-table-container .table-body .row .cell-actions button{cursor:pointer;width:2rem;height:2rem;color:var(--on-surface-variant);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.preview-page .ready-table-container .table-body .row .cell-actions button:hover{color:#9e3f4e;background-color:#9e3f4e1a}.preview-page .ready-table-container .bulk-footer{background-color:var(--surface-container-low);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.preview-page .ready-table-container .bulk-footer .summary-text{color:var(--on-surface-variant);font-size:.75rem;font-style:italic;font-weight:500}.preview-page .ready-table-container .bulk-footer .actions{gap:1rem;display:flex}.preview-page .ready-table-container .bulk-footer .actions button{cursor:pointer;border-radius:.75rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:700;transition:all .2s}.preview-page .ready-table-container .bulk-footer .actions button.btn-cancel{color:var(--on-surface);background:0 0;border:1px solid #a9b4b966}.preview-page .ready-table-container .bulk-footer .actions button.btn-cancel:hover{background-color:var(--surface-container-high)}.upload-success-page{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:64rem;margin:0 auto;padding:2rem;display:flex}.upload-success-page .success-card{background-color:var(--surface-container-lowest);text-align:center;border-radius:1.5rem;width:100%;max-width:42rem;padding:3rem;position:relative;overflow:hidden;box-shadow:0 24px 48px #2a34390a}.upload-success-page .success-card .bg-blur{filter:blur(48px);background-color:#0053db0d;border-radius:50%;width:16rem;height:16rem;position:absolute;top:-4rem;right:-4rem}.upload-success-page .success-card .content-wrapper{z-index:10;flex-direction:column;align-items:center;display:flex;position:relative}.upload-success-page .success-card .content-wrapper .icon-circle{background-color:var(--primary-container);width:5rem;height:5rem;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:2rem;display:inline-flex}.upload-success-page .success-card .content-wrapper .icon-circle .check-icon{animation:.4s cubic-bezier(.175,.885,.32,1.275) scaleIn}.upload-success-page .success-card .content-wrapper h2{color:var(--on-surface);letter-spacing:-.025em;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.upload-success-page .success-card .content-wrapper p{color:var(--on-surface-variant);max-width:24rem;margin-bottom:2.5rem;font-size:.875rem;line-height:1.6}.upload-success-page .success-card .content-wrapper .action-buttons{flex-direction:column;justify-content:center;gap:1rem;width:100%;display:flex}@media (width>=640px){.upload-success-page .success-card .content-wrapper .action-buttons{flex-direction:row}}.upload-success-page .success-card .content-wrapper .action-buttons button{border-radius:var(--radius-lg);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.upload-success-page .success-card .content-wrapper .action-buttons button.btn-primary{background-color:var(--primary);color:var(--on-primary);border:none;box-shadow:0 8px 16px #0053db33}.upload-success-page .success-card .content-wrapper .action-buttons button.btn-primary:hover{opacity:.9}.upload-success-page .success-card .content-wrapper .action-buttons button.btn-primary:active{transform:scale(.98)}.upload-success-page .success-card .content-wrapper .action-buttons button.btn-secondary{color:var(--primary);background-color:#0000;border:1px solid #0053db33}.upload-success-page .success-card .content-wrapper .action-buttons button.btn-secondary:hover{background-color:#0053db0d}.upload-success-page .success-card .content-wrapper .action-buttons button.btn-secondary:active{transform:scale(.98)}.upload-success-page .preview-grid{opacity:.6;filter:grayscale();grid-template-columns:repeat(12,1fr);gap:1.5rem;width:100%;margin-top:4rem;transition:all .5s;display:grid}.upload-success-page .preview-grid:hover{opacity:1;filter:grayscale(0%)}.upload-success-page .preview-grid .grid-item{background-color:var(--surface-container-low);border-radius:.75rem;flex-direction:column;padding:1rem;display:flex;overflow:hidden}.upload-success-page .preview-grid .grid-item .header{color:var(--on-surface-variant);align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.upload-success-page .preview-grid .grid-item .header span{text-transform:uppercase;letter-spacing:-.05em;font-size:.6875rem;font-weight:700}.upload-success-page .preview-grid .grid-item .img-wrapper{background-color:var(--surface-container-highest);border-radius:.5rem;flex:1;justify-content:center;align-items:center;width:100%;min-height:8rem;display:flex;overflow:hidden}.upload-success-page .preview-grid .grid-item .img-wrapper img{object-fit:cover;width:100%;height:100%}.upload-success-page .preview-grid .grid-item.small{grid-column:span 12}@media (width>=768px){.upload-success-page .preview-grid .grid-item.small{grid-column:span 3}}.upload-success-page .preview-grid .grid-item.large{box-shadow:var(--shadow-floating);grid-column:span 12;margin-top:0}@media (width>=768px){.upload-success-page .preview-grid .grid-item.large{grid-column:span 4;margin-top:-1rem}}.upload-success-page .preview-grid .grid-item.medium{grid-column:span 12}@media (width>=768px){.upload-success-page .preview-grid .grid-item.medium{grid-column:span 3}}.upload-success-page .preview-grid .dots-container{flex-direction:row;grid-column:span 12;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex}@media (width>=768px){.upload-success-page .preview-grid .dots-container{flex-direction:column;grid-column:span 2}}.upload-success-page .preview-grid .dots-container .dot{background-color:var(--primary);opacity:.2;border-radius:50%;width:.5rem;height:.5rem}.upload-success-page .preview-grid .dots-container .dot:nth-child(2){opacity:.4}.upload-success-page .preview-grid .dots-container .dot:nth-child(3){opacity:.6}.upload-success-page .footer-note{text-align:center;margin-top:4rem;padding:2rem}.upload-success-page .footer-note p{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.1em;font-size:.6875rem;font-weight:500}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.mobile-bridge-container{background-color:var(--surface);min-height:max(884px,100vh);color:var(--on-surface);font-family:var(--font-body);flex-direction:column;display:flex;position:relative;overflow:hidden}.mobile-header{background-color:var(--surface);z-index:10;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.5rem;display:flex}.mobile-header .header-left{align-items:center;gap:1rem;display:flex}.mobile-header .back-button{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;margin-left:-.5rem;padding:.5rem;transition:background-color .2s,transform .2s;display:flex}.mobile-header .back-button:active{transform:scale(.95)}.mobile-header .back-button:hover{background-color:var(--surface-container-low)}.mobile-header .back-button .material-symbols-outlined{font-size:1.5rem}.mobile-header .header-title{color:var(--on-surface);margin:0;font-size:1.125rem;font-weight:700}.mobile-header .header-spacer{width:2.5rem}.mobile-main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 1.5rem;display:flex;position:relative}.mobile-main .decorative-background{z-index:0;opacity:.2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mobile-main .decorative-background .blob{filter:blur(3rem);border-radius:50%;width:24rem;height:24rem;position:absolute}.mobile-main .decorative-background .blob-primary{background-color:var(--primary-container);top:-6rem;left:-6rem}.mobile-main .decorative-background .blob-secondary{background-color:var(--secondary-container);bottom:-6rem;right:-6rem}.mobile-main .content-wrapper{z-index:10;flex-direction:column;gap:3rem;width:100%;max-width:24rem;display:flex}.text-center-wrapper{text-align:center;flex-direction:column;gap:.75rem;display:flex}.text-center-wrapper .title-heading{letter-spacing:-.025em;color:var(--on-surface);margin:0;font-size:1.5rem;font-weight:700}.text-center-wrapper .subtitle{color:var(--on-surface-variant);max-width:280px;margin:0 auto;font-size:.875rem;line-height:1.625}.interaction-grid{grid-template-columns:1fr;gap:1rem;display:grid}.option-button{background-color:var(--surface-container-lowest);border-radius:var(--radius-xl);border:1px solid var(--surface-container-high);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.option-button:active{transform:scale(.98)}.option-button .icon-wrapper{border-radius:var(--radius-xl);justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-bottom:1.5rem;transition:transform .3s;display:flex}.option-button .icon-wrapper .material-symbols-outlined{font-size:2rem}.option-button .icon-wrapper.primary-icon{background-color:var(--primary-container);color:var(--primary)}.option-button .icon-wrapper.secondary-icon{background-color:var(--secondary-container);color:var(--secondary)}.option-button:hover .icon-wrapper{transform:scale(1.1)}.option-button .option-text{z-index:2;flex-direction:column;gap:.25rem;display:flex}.option-button .option-text .option-title{color:var(--on-surface);font-size:1.125rem;font-weight:600}.option-button .option-text .option-subtitle{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.1em;font-size:.6875rem;font-weight:500}.option-button .hover-gradient{opacity:0;pointer-events:none;z-index:1;transition:opacity .3s;position:absolute;inset:0}.option-button .hover-gradient.primary-gradient{background:linear-gradient(to bottom right,#0053db0d,#0000)}.option-button .hover-gradient.secondary-gradient{background:linear-gradient(to bottom right,#5260740d,#0000)}.option-button:hover .hover-gradient{opacity:1}.security-info{opacity:.6;justify-content:center;align-items:center;gap:.75rem;padding:1rem 0;display:flex}.security-info .security-icon{font-variation-settings:"FILL" 1;font-size:1rem}.security-info .security-text{letter-spacing:.025em;color:var(--on-surface-variant);font-size:.75rem;font-weight:500}.abstract-circle{pointer-events:none;border-radius:50%;position:fixed;top:50%;right:0;transform:translateY(-50%)}.mobile-review-container{background-color:var(--surface);min-height:max(884px,100vh);color:var(--on-surface);font-family:var(--font-body);flex-direction:column;display:flex;position:relative;overflow:hidden}.review-header{background-color:var(--surface);z-index:50;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.5rem;display:flex}.review-header .header-left{align-items:center;gap:1rem;display:flex}.review-header .back-button{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;margin-left:-.5rem;padding:.5rem;transition:background-color .2s,transform .2s;display:flex}.review-header .back-button:active{transform:scale(.95)}.review-header .back-button:hover{background-color:var(--surface-container-low)}.review-header .back-button .material-symbols-outlined{font-size:1.5rem}.review-header .header-title{color:var(--on-surface);margin:0;font-size:1.125rem;font-weight:700}.review-header .done-button{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:background-color .2s}.review-header .done-button:hover{background-color:#0053db0d}.review-main{flex-direction:column;flex:1;align-items:center;padding:0 1rem;display:flex;position:relative}.review-main .decorative-background{z-index:0;opacity:.2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.review-main .decorative-background .blob{filter:blur(3rem);border-radius:50%;width:24rem;height:24rem;position:absolute}.review-main .decorative-background .blob-primary{background-color:var(--primary-container);top:-6rem;left:-6rem}.review-main .decorative-background .blob-secondary{background-color:var(--secondary-container);bottom:-6rem;right:-6rem}.review-main .content-wrapper{z-index:10;flex-direction:column;flex:1;width:100%;max-width:24rem;padding-top:1rem;padding-bottom:1.5rem;display:flex}.photo-counter{text-align:center;margin-bottom:1rem}.photo-counter span{color:var(--on-surface-variant);font-size:.875rem;font-weight:500}.viewer-container{background-color:var(--surface-container);box-shadow:var(--shadow-floating);border:1px solid #a9b4b91a;border-radius:1rem;flex:1;justify-content:center;align-items:center;min-height:300px;margin-bottom:1.5rem;display:flex;position:relative;overflow:hidden}.viewer-container .nav-arrow{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:2.5rem;height:2.5rem;color:var(--on-surface);cursor:pointer;background-color:#fffc;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.viewer-container .nav-arrow:active{transform:scale(.9)}.viewer-container .nav-arrow:hover{background-color:#fff}.viewer-container .nav-arrow.left-arrow{left:.5rem}.viewer-container .nav-arrow.right-arrow{right:.5rem}.viewer-container .delete-button{z-index:20;color:#fff7f7;cursor:pointer;background-color:#9e3f4e;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:transform .2s;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.viewer-container .delete-button:hover{transform:scale(1.05)}.viewer-container .delete-button:active{transform:scale(.95)}.viewer-container .delete-button .material-symbols-outlined{font-size:1.25rem}.viewer-container .photo-placeholder{color:#717c82;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex}.viewer-container .photo-placeholder .placeholder-icon{opacity:.2;margin-bottom:1rem;font-size:4rem}.viewer-container .photo-placeholder .placeholder-text{text-transform:uppercase;letter-spacing:.1em;opacity:.4;margin:0;font-size:.75rem;font-weight:500}.thumbnail-strip{-ms-overflow-style:none;scrollbar-width:none;gap:.75rem;padding-bottom:1rem;padding-left:.25rem;padding-right:.25rem;display:flex;overflow-x:auto}.thumbnail-strip::-webkit-scrollbar{display:none}.thumbnail-strip .thumbnail{background-color:var(--surface-container-highest);cursor:pointer;border:1px solid #a9b4b933;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex;overflow:hidden}.thumbnail-strip .thumbnail .thumbnail-icon{color:#717c824d}.thumbnail-strip .thumbnail.active{box-shadow:0 0 0 2px var(--primary);border:none}.thumbnail-strip .thumbnail.active .thumbnail-icon{color:#0053db66}.thumbnail-strip .add-thumbnail-button{color:#a9b4b9;cursor:pointer;background:0 0;border:2px dashed #a9b4b980;border-radius:.5rem;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;transition:all .2s;display:flex}.thumbnail-strip .add-thumbnail-button:hover{border-color:var(--primary);color:var(--primary)}.thumbnail-strip .add-thumbnail-button .material-symbols-outlined{font-size:1.25rem}.thumbnail-strip .add-thumbnail-button .add-text{text-transform:uppercase;margin-top:.25rem;font-size:.625rem;font-weight:700}.action-area{z-index:10;flex-direction:column;gap:.75rem;width:100%;max-width:24rem;margin-bottom:.5rem;padding:1.5rem 1rem;display:flex}.action-area .upload-button{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 10px 15px -3px #0053db33,0 4px 6px -2px #0053db1a}.action-area .upload-button:active{transform:scale(.98)}.action-area .upload-button .material-symbols-outlined{font-size:1.25rem}.action-area .add-more-button{width:100%;color:var(--primary);cursor:pointer;background-color:#0000;border:1px solid #0053db33;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;font-weight:700;transition:all .2s;display:flex}.action-area .add-more-button:hover{background-color:#0053db0d}.action-area .add-more-button:active{transform:scale(.98)}.action-area .add-more-button .material-symbols-outlined{font-size:1.125rem}.footer-accent{pointer-events:none;background-color:var(--surface);justify-content:center;align-items:center;padding:2rem;display:flex}.footer-accent .footer-bar{background-color:#2a34390d;border-radius:9999px;width:8rem;height:.375rem}.abstract-circle{pointer-events:none;z-index:0;border-radius:50%;position:fixed;top:50%;right:0;transform:translateY(-50%)}.abstract-circle.circle-1{opacity:.2;border:1px solid #9a9d9f33;width:16rem;height:16rem;transform:translateY(-50%)translate(50%)}.abstract-circle.circle-2{opacity:.1;border:1px solid #9a9d9f1a;width:24rem;height:24rem;transform:translateY(-50%)translate(33.33%)}:root{--surface:#f7f9fb;--surface-container-low:#f0f4f7;--surface-container-lowest:#fff;--surface-container-high:#e1e9ee;--surface-container-highest:#d9e4ea;--inverse-surface:#0b0f10;--primary:#0053db;--primary-dim:#0048c1;--on-primary:#f8f7ff;--primary-container:#dbe1ff;--on-primary-container:#0048bf;--secondary:#526074;--secondary-container:#d5e3fc;--on-secondary-container:#455367;--on-surface:#2a3439;--on-surface-variant:#566166;--inverse-on-surface:#9a9d9f;--radius-sm:.125rem;--radius-md:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-floating:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--font-display:"Manrope", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}.page-container{flex-direction:column;gap:2rem;display:flex}.page-header{justify-content:space-between;align-items:flex-end;display:flex}.page-header h2{color:var(--on-surface);letter-spacing:-.025em;font-size:1.875rem;font-weight:700}.page-header p{color:var(--on-surface-variant);margin-top:.25rem}.page-header .header-actions{gap:.5rem;display:flex}.page-header .header-actions button{border-radius:var(--radius-lg);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.page-header .header-actions button.btn-secondary{background-color:var(--surface-container-highest);color:var(--on-surface)}.page-header .header-actions button.btn-secondary:hover{background-color:var(--surface-container-high)}.page-header .header-actions button.btn-primary{background-color:var(--primary);color:var(--on-primary)}.page-header .header-actions button.btn-primary:hover{opacity:.9}.page-content-placeholder{background-color:var(--surface-container-lowest);border-radius:var(--radius-xl);text-align:center;color:var(--on-surface-variant);border:1px dashed var(--surface-container-highest);padding:3rem}
