*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#1e293b,#020617);color:#e5e7eb}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.card{width:100%;max-width:420px;background:#0f172ae6;border-radius:18px;padding:2rem;box-shadow:0 24px 60px #0009;border:1px solid rgba(148,163,184,.3);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.card h1{margin-top:0;margin-bottom:1.5rem;text-align:center;font-size:1.6rem;letter-spacing:.04em}.tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:#0f172acc;padding:.25rem;border-radius:999px}.tabs button{flex:1;border:none;background:transparent;color:#9ca3af;padding:.5rem .75rem;border-radius:999px;font-weight:500;cursor:pointer;transition:all .15s ease}.tabs button.active{background:linear-gradient(to right,#0ea5e9,#6366f1);color:#fff;box-shadow:0 10px 25px #38bdf880}.form-group{margin-bottom:.9rem}.form-group label{display:block;margin-bottom:.25rem;font-size:.85rem;color:#cbd5f5}.form-group input{width:100%;padding:.55rem .7rem;border-radius:9px;border:1px solid rgba(148,163,184,.5);background:#0f172ab3;color:#e5e7eb;outline:none;font-size:.9rem;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.form-group textarea,.form-group select{width:100%;padding:.55rem .7rem;border-radius:9px;border:1px solid rgba(148,163,184,.5);background:#0f172ab3;color:#e5e7eb;outline:none;font-size:.9rem;resize:vertical}.form-group input:focus{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf880;background:#0f172ae6}.primary{width:100%;margin-top:.5rem;padding:.6rem .9rem;border-radius:999px;border:none;background:linear-gradient(to right,#22c55e,#16a34a);color:#fff;font-weight:600;cursor:pointer;font-size:.95rem;box-shadow:0 14px 30px #22c55e66;transition:transform .08s ease,box-shadow .08s ease}.primary:hover{transform:translateY(-1px);box-shadow:0 18px 40px #22c55e8c}.primary:active{transform:translateY(0);box-shadow:0 8px 20px #22c55e66}.message{margin-top:.75rem;padding:.6rem .75rem;border-radius:9px;background:#0f766e40;border:1px solid rgba(45,212,191,.6);font-size:.85rem}.token-box{margin-top:1rem;padding:.75rem;border-radius:9px;background:#0f172ae6;border:1px dashed rgba(148,163,184,.7)}.token-box h3{margin:0 0 .4rem;font-size:.9rem}.token-box code{display:block;max-height:120px;overflow:auto;font-size:.7rem;color:#e5e7eb}.login-options{margin-bottom:1.5rem;padding:1rem 0;border-bottom:1px solid rgba(148,163,184,.25)}.login-options-title{margin:0 0 .75rem;font-size:.9rem;color:#94a3b8;text-align:center}.login-options-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.login-options-list li{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#cbd5e1}.login-option-icon{font-size:1.1rem}.home-page{min-height:100vh;padding:1.5rem;max-width:900px;margin:0 auto}.home-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.home-header h1{margin:0;font-size:1.6rem;letter-spacing:.04em;color:#e5e7eb}.btn-logout{padding:.5rem 1rem;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:#0f172acc;color:#94a3b8;font-size:.9rem;cursor:pointer;transition:all .15s ease}.btn-logout:hover{border-color:#38bdf8;color:#e5e7eb;background:#0f172af2}.home-subtitle{text-align:center;color:#94a3b8;margin:0 0 1.5rem;font-size:1rem}.home-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.home-option-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.75rem 1.25rem;border-radius:18px;border:1px solid rgba(148,163,184,.3);background:#0f172ae6;color:#e5e7eb;cursor:pointer;transition:all .2s ease;box-shadow:0 12px 40px #0006;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.home-option-card:hover{border-color:#38bdf899;box-shadow:0 18px 50px #0ea5e940;transform:translateY(-2px)}.home-option-card:active{transform:translateY(0)}.home-option-icon{font-size:2.5rem;margin-bottom:.75rem;line-height:1}.home-option-title{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#e5e7eb}.home-option-desc{margin:0;font-size:.85rem;color:#94a3b8;line-height:1.4}.compare-page{min-height:100vh;padding:1.5rem;max-width:1000px;margin:0 auto}.compare-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.compare-header h1{margin:0;font-size:1.5rem;color:#e5e7eb;flex:1;text-align:center}.btn-back{padding:.5rem .75rem;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:#0f172acc;color:#94a3b8;font-size:.9rem;cursor:pointer;text-decoration:none;color:inherit}.btn-back:hover{border-color:#38bdf8;color:#e5e7eb}.compare-intro{color:#94a3b8;font-size:.95rem;line-height:1.5;margin:0 0 1.5rem;padding:1rem;background:#0f172a99;border-radius:12px;border:1px solid rgba(148,163,184,.2)}.compare-upload{margin-bottom:2rem}.upload-zone{border:2px dashed rgba(148,163,184,.5);border-radius:16px;padding:2.5rem;text-align:center;cursor:pointer;background:#0f172a80;transition:border-color .2s,background .2s}.upload-zone:hover,.upload-zone.drag-over{border-color:#38bdf8;background:#38bdf814}.upload-input{display:none}.upload-icon{font-size:3rem;display:block;margin-bottom:.5rem}.upload-zone p{margin:.25rem 0;color:#cbd5e1}.upload-hint{font-size:.85rem;color:#94a3b8!important}.preview-list{margin-top:1rem;padding:1rem;background:#0f172a99;border-radius:12px;color:#cbd5e1}.preview-list ul{margin:.5rem 0 0;padding-left:1.25rem}.preview-list li{margin:.2rem 0}.btn-clear{margin-top:.75rem;padding:.4rem .75rem;border-radius:8px;border:1px solid rgba(148,163,184,.5);background:#0f172acc;color:#94a3b8;font-size:.85rem;cursor:pointer}.btn-clear:hover{border-color:#f87171;color:#fca5a5}.compare-error{margin-top:1rem;padding:.75rem;border-radius:9px;background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#fca5a5}.btn-compare{margin-top:1.25rem;padding:.65rem 1.25rem;border-radius:999px;font-size:1rem}.btn-compare:disabled{opacity:.7;cursor:not-allowed}.compare-report{margin-top:1rem}.fraud-risk{padding:1.5rem;border-radius:16px;margin-bottom:1.5rem;border:2px solid}.fraud-risk h2{margin:0 0 .5rem;font-size:1.1rem;color:#e5e7eb}.risk-value{font-size:2.5rem;font-weight:700;margin:.25rem 0}.risk-desc{margin:.5rem 0 0;font-size:.9rem;opacity:.95}.risk-minimal{background:#22c55e26;border-color:#22c55e80;color:#86efac}.risk-low{background:#22c55e1a;border-color:#22c55e66;color:#86efac}.risk-medium{background:#eab30826;border-color:#eab30880;color:#fde047}.risk-high{background:#ef444433;border-color:#ef444499;color:#fca5a5}.report-section{margin-bottom:1.5rem;padding:1rem;background:#0f172ab3;border-radius:12px;border:1px solid rgba(148,163,184,.2)}.report-section h2{margin:0 0 .75rem;font-size:1.1rem;color:#e5e7eb}.report-section-doc-types{border-color:#38bdf84d}.doc-type-list{margin:0;padding-left:0;list-style:none}.doc-type-item{display:flex;align-items:center;gap:.5rem;margin:.5rem 0;padding:.5rem 0;border-bottom:1px solid rgba(148,163,184,.15)}.doc-type-item:last-child{border-bottom:none}.doc-type-num{font-weight:600;color:#38bdf8;min-width:1.5rem}.doc-type-filename{color:#94a3b8;word-break:break-all}.doc-type-arrow{color:#64748b}.doc-type-label{color:#e5e7eb;margin-left:.25rem}.visual-diff-doctype{color:#38bdf8;font-weight:500}.visual-diff-filename{word-break:break-all}.overall-sim{margin:0;font-size:1.05rem;color:#cbd5e1}.doc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.doc-card{padding:1rem;background:#0f172ae6;border-radius:12px;border:1px solid rgba(148,163,184,.25)}.doc-card h3{margin:0 0 .5rem;font-size:.95rem;color:#e5e7eb;word-break:break-all}.doc-type{margin:0;font-size:.85rem;color:#94a3b8}.doc-error{margin:.5rem 0 0;font-size:.85rem;color:#fca5a5}.doc-text{margin-top:.75rem;font-size:.8rem}.doc-text summary{cursor:pointer;color:#38bdf8}.doc-text pre{margin:.5rem 0 0;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow:auto;color:#94a3b8}.pairwise-list{margin:0;padding-left:1.25rem;color:#cbd5e1}.pairwise-list li{margin:.35rem 0}.section-hint{margin:0 0 .75rem;font-size:.85rem;color:#94a3b8}.doc-preview-with-boxes{margin-bottom:1.5rem}.doc-preview-with-boxes h3{margin:0 0 .5rem;font-size:.95rem;color:#cbd5e1}.preview-wrapper{position:relative;display:inline-block;max-width:100%;border-radius:8px;overflow:hidden;border:1px solid rgba(148,163,184,.3)}.preview-wrapper .preview-img{display:block;max-width:100%;max-height:400px;object-fit:contain;vertical-align:top}.fraud-marker{position:absolute;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:999px;background:#ef4444e6;color:#fef2f2;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;box-shadow:0 0 0 2px #0f172ae6;border:none;cursor:pointer;padding:0}.region-box{position:absolute;pointer-events:none;box-sizing:border-box}.region-box-similar{border:2px solid rgba(239,68,68,.95);background:#ef444459}.region-box-different{border:2px solid rgba(34,197,94,.9);background:#22c55e4d}.region-box-geom{border:2px dashed rgba(234,179,8,.95);background:#eab30840}.visual-diff-section .section-hint{margin-bottom:1rem}.legend{padding:.15rem .4rem;border-radius:4px;font-weight:600}.legend-similar{background:#ef44444d;color:#fca5a5}.legend-different,.legend-sim-low{background:#22c55e4d;color:#86efac}.legend-sim-medium{background:#eab30859;color:#fde68a}.legend-sim-high{background:#ef444459;color:#fecaca}.visual-diff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-top:.75rem}.visual-diff-card{background:#0f172acc;border-radius:12px;border:1px solid rgba(148,163,184,.25);overflow:hidden;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease}.visual-diff-card-reference{border-color:#38bdf880;box-shadow:0 0 0 2px #38bdf826}.visual-diff-card-selected{border-color:#38bdf8e6;box-shadow:0 0 0 2px #38bdf866;transform:translateY(-1px)}.visual-diff-label{padding:.5rem .75rem;font-size:.85rem;font-weight:600;color:#cbd5e1;background:#0f172af2;border-bottom:1px solid rgba(148,163,184,.2);word-break:break-all;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.visual-diff-badge{font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:6px;background:#38bdf840;color:#7dd3fc;text-transform:uppercase;letter-spacing:.03em}.preview-wrapper-diff{padding:.5rem;max-height:420px}.preview-wrapper-diff .preview-img{max-height:380px}.preview-wrapper-diff.image-similar{border-color:#ef4444e6;box-shadow:0 0 0 2px #ef444473}.preview-wrapper-diff.image-different{border-color:#22c55ee6;box-shadow:0 0 0 2px #22c55e59}.selected-doc-list{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(148,163,184,.25)}.selected-doc-list-title{margin:0 0 .5rem;font-size:.85rem;color:#94a3b8}.selected-doc-list ul{list-style:none;margin:0;padding:0}.selected-doc-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:8px;cursor:pointer;font-size:.8rem;color:#cbd5e1}.selected-doc-item:hover{background:#0f172acc}.selected-doc-item-ref{font-weight:600}.selected-doc-item-active{background:#38bdf82e;border:1px solid rgba(56,189,248,.6)}.selected-doc-index{color:#38bdf8;min-width:1.25rem}.selected-doc-name{flex:1;word-break:break-all}.selected-doc-tag{font-size:.7rem;padding:.1rem .4rem;border-radius:999px;border:1px solid rgba(148,163,184,.6);color:#cbd5e1}.selected-doc-tag-active{border-color:#38bdf8e6;background:#38bdf833;color:#e0f2fe}.pair-sim-card{margin-top:.75rem;padding:.75rem .9rem;border-radius:10px;background:radial-gradient(circle at top left,#0f172af2,#0f172acc);border:1px solid rgba(148,163,184,.35);box-shadow:0 16px 40px #0006}.pair-sim-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.pair-sim-row:last-child{margin-bottom:0}.pair-sim-label{font-size:.85rem;color:#cbd5e1}.pair-sim-value{font-size:1.2rem;font-weight:700;padding:.15rem .6rem;border-radius:999px;min-width:4.5rem;text-align:center}.pair-sim-value.sim-low{background:#16a34a40;color:#bbf7d0;border:1px solid rgba(22,163,74,.7)}.pair-sim-value.sim-medium{background:#eab30840;color:#fef9c3;border:1px solid rgba(234,179,8,.7)}.pair-sim-value.sim-high{background:#ef444440;color:#fecaca;border:1px solid rgba(239,68,68,.7)}.similar-regions{display:flex;flex-direction:column;gap:.5rem}.region-item{padding:.6rem;background:#0f172acc;border-radius:8px;border-left:3px solid rgba(56,189,248,.6);font-size:.85rem;display:grid;grid-template-columns:auto 1fr auto auto;gap:.5rem;align-items:baseline;flex-wrap:wrap}.region-doc{color:#38bdf8;font-weight:600}.region-text,.region-to{color:#cbd5e1}.region-sim{color:#86efac}.btn-new{margin-top:1rem;padding:.6rem 1.25rem;border-radius:999px;font-size:.95rem}.crop-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ad9;display:flex;align-items:center;justify-content:center;z-index:50}.crop-modal-inner{width:min(900px,100% - 2rem);max-height:90vh;background:#0f172afa;border-radius:16px;border:1px solid rgba(148,163,184,.4);padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.crop-modal-inner h2{margin:0;font-size:1.1rem;color:#e5e7eb}.crop-modal-inner p{margin:0;font-size:.85rem;color:#94a3b8}.crop-image-wrapper{margin-top:.75rem;flex:1;border-radius:12px;border:1px solid rgba(148,163,184,.35);overflow:hidden;position:relative;background:#020617;cursor:crosshair}.crop-image{display:block;max-width:100%;max-height:60vh;margin:0 auto;-webkit-user-select:none;user-select:none}.crop-rect{position:absolute;border:2px dashed rgba(56,189,248,.9);background:#38bdf840;pointer-events:auto}.crop-modal-actions{margin-top:.75rem;display:flex;justify-content:flex-end;gap:.5rem}.crop-rotate-actions{margin-top:.6rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}@media (max-width: 640px){.region-item{grid-template-columns:1fr}}@media (max-width: 480px){.card{padding:1.5rem}.home-options{grid-template-columns:1fr}}