.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-box{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px;text-align:center}.login-box h1{margin:0 0 .5rem;color:#333;font-size:1.8rem}.login-subtitle{color:#666;margin:0 0 2rem;font-size:1rem}.google-login-wrapper{display:flex;justify-content:center;margin:2rem 0}.error-message{background:#fee;color:#c33;padding:1rem;border-radius:6px;margin-bottom:1rem;border:1px solid #fcc}.loading{padding:1rem;color:#667eea;font-weight:500}.login-info{margin-top:2rem;padding-top:2rem;border-top:1px solid #eee}.login-info p{color:#666;font-size:.9rem;margin:0;line-height:1.5}.mapping-categories{padding:2rem}.mapping-categories h2{margin-bottom:.5rem}.mapping-categories .description{margin-bottom:2rem;opacity:.9}.mapping-container{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;min-height:600px}.panel{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.2)}.panel h3{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.local-panel,.inpost-panel{max-height:700px;overflow-y:auto}.action-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;width:220px;min-width:220px;max-width:220px;gap:1rem}.selected-info{display:flex;flex-direction:column;gap:.5rem;text-align:center;margin-bottom:1rem}.selected-item{display:flex;flex-direction:column;gap:.25rem}.selected-item label{font-size:.85rem;opacity:.7}.selected-item span{font-weight:500}.selected-info .arrow{font-size:1.5rem;opacity:.7}.action-panel .warning{font-size:.85rem;color:#ffc107;text-align:center}.category-list{display:flex;flex-direction:column;gap:.5rem}.category-item{padding:.75rem 1rem;background:#ffffff0d;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.category-item:hover{background:#ffffff1a}.category-item.selected{background:#667eea4d;border-color:#667eea80}.category-item.mapped{border-left:3px solid #38ef7d}.category-info{display:flex;align-items:center;gap:.5rem}.category-name{font-weight:500}.category-internal{font-size:.85rem;opacity:.7}.mapping-info{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.mapped-to{font-size:.85rem;color:#38ef7d;font-weight:500}.tree-item{padding:.75rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;background:#0003;border:1px solid rgba(255,255,255,.1)}.tree-item:hover{background:#ffffff1a;border-color:#fff3}.tree-item.selected{background:#667eea4d;border-color:#667eea80}.tree-item.branch{font-weight:500;background:transparent;border:none}.tree-item.branch:hover{background:#ffffff0d}.tree-item.leaf{opacity:1}.leaf-badge{font-size:.7rem;background:#38ef7d33;color:#38ef7d;padding:.15rem .4rem;border-radius:4px;margin-left:auto}.mapped-badge{font-size:.7rem;background:#38ef7d33;color:#38ef7d;padding:.2rem .5rem;border-radius:4px;margin-left:auto}.internal-name{font-size:.8rem;opacity:.6;margin-left:.5rem}.mapping-details{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#667eea26;border-radius:0 0 8px 8px;margin-top:-1px;margin-left:0;border:1px solid rgba(102,126,234,.3);border-top:1px solid rgba(255,255,255,.1);border-left:3px solid #38ef7d}.tree-item.mapped{border-left:3px solid #38ef7d;border-radius:8px 8px 0 0;margin-bottom:0}.tree-item.mapped:not(.selected){background:#667eea33;border-color:#667eea4d;border-left:3px solid #38ef7d}.tree-item.mapped:hover{background:#667eea4d}.tree-item.mapped.selected{background:#667eea66;border-color:#667eea80}.tree-item.all-mapped{opacity:.7}.tree-item.all-mapped:hover{opacity:.85}.mapped-item-wrapper{margin-bottom:.5rem}.local-panel::-webkit-scrollbar,.inpost-panel::-webkit-scrollbar{width:8px}.local-panel::-webkit-scrollbar-track,.inpost-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.local-panel::-webkit-scrollbar-thumb,.inpost-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.local-panel::-webkit-scrollbar-thumb:hover,.inpost-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.mapping-attributes{padding:2rem}.mapping-attributes h2{margin-bottom:.5rem}.mapping-attributes .description{margin-bottom:2rem;opacity:.9}.mapping-attributes .mapping-container{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:1.5rem;min-height:600px}.mapping-attributes .panel{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column}.mapping-attributes .panel h3{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.2);flex-shrink:0}.categories-panel,.attributes-panel,.fields-panel{max-height:700px;overflow-y:auto}.attributes-content,.fields-content{flex:1;overflow-y:auto}.category-tree{font-size:.95rem}.tree-node{margin:2px 0}.tree-item{padding:.5rem .75rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;opacity:.6}.tree-item.selectable,.tree-item.branch{opacity:1}.tree-item:hover{background:#ffffff1a}.tree-item.selected{background:#667eea99;border:2px solid #c0caff;box-shadow:0 0 12px #667eea99}.tree-item.branch{font-weight:500}.expand-icon{font-size:.7rem;width:1rem;text-align:center}.mapping-badge{font-size:.7rem;background:#38ef7d33;color:#38ef7d;padding:.15rem .4rem;border-radius:4px;margin-left:auto}.tree-children{margin-left:.5rem;border-left:1px solid rgba(255,255,255,.1);padding-left:.5rem}.placeholder-text,.loading-text{opacity:.7;font-style:italic;text-align:center;padding:2rem}.attributes-header,.fields-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#667eea33;border:1px solid rgba(102,126,234,.3);border-radius:8px;margin-bottom:1rem}.header-title{font-weight:600;font-size:.9rem}.header-count{font-size:.8rem;opacity:.7}.attributes-list{display:flex;flex-direction:column;gap:.5rem}.attribute-item{background:#0003;border-radius:8px;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease}.attribute-item:hover:not(.mapped){background:#ffffff1a;border-color:#fff3}.attribute-item.selected{background:#667eea4d;border-color:#667eea80}.attribute-item.mapped{cursor:default;border-left:3px solid #38ef7d}.attribute-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.attribute-name{font-weight:600;font-size:.95rem}.attribute-badges{display:flex;gap:.4rem}.type-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:4px;font-weight:600}.type-badge.dictionary{background:#ffc1074d;color:#ffdb4d}.type-badge.text_value,.type-badge.long_text_value{background:#17a2b84d;color:#5dd9f0}.type-badge.numeric,.type-badge.numeric_float{background:#9c27b04d;color:#ce93d8}.type-badge.date{background:#f443364d;color:#ef9a9a}.type-badge.url{background:#20c9974d;color:#6ee7c2}.required-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:4px}.required-badge.required{background:#f443364d;color:#ff8a80}.required-badge.optional{background:#6c757d33;color:#adb5bd}.mapping-info{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.mapped-to{color:#38ef7d;font-size:.85rem;font-weight:500}.btn-remove{background:#f443364d;color:#ff8a80;border:1px solid rgba(244,67,54,.5);padding:.25rem .6rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.btn-remove:hover{background:#f4433680}.fields-list{display:flex;flex-direction:column;gap:.5rem}.btn-cancel{background:#6c757d4d;color:#adb5bd;border:1px solid rgba(108,117,125,.5);padding:.3rem .75rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#6c757d80}.field-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease}.field-item:hover{background:#38ef7d33;border-color:#38ef7d66}.field-name{font-weight:600;font-size:.95rem}.field-type{font-size:.8rem;color:#fff9;background:#ffffff1a;padding:.2rem .5rem;border-radius:4px}.no-fields{text-align:center;padding:2rem}.hint-text{font-size:.85rem;color:#ffffff80;margin-top:.5rem}.error-container{text-align:center;padding:3rem}.error-message{color:#f45c43;margin-bottom:1rem}.categories-panel::-webkit-scrollbar,.attributes-panel::-webkit-scrollbar,.fields-panel::-webkit-scrollbar{width:8px}.categories-panel::-webkit-scrollbar-track,.attributes-panel::-webkit-scrollbar-track,.fields-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.categories-panel::-webkit-scrollbar-thumb,.attributes-panel::-webkit-scrollbar-thumb,.fields-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.categories-panel::-webkit-scrollbar-thumb:hover,.attributes-panel::-webkit-scrollbar-thumb:hover,.fields-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.loading{text-align:center;padding:3rem;opacity:.8}.mapping-product-attributes{padding:2rem}.mapping-product-attributes h2{margin-bottom:.5rem}.mapping-product-attributes .description{margin-bottom:2rem;opacity:.9}.mapping-product-attributes .mapping-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;min-height:400px}.mapping-product-attributes .panel{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column}.mapping-product-attributes .panel h3{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.2);flex-shrink:0}.mapping-product-attributes .parameters-panel,.mapping-product-attributes .fields-panel{max-height:700px;overflow-y:auto}.mapping-product-attributes .parameters-content,.mapping-product-attributes .fields-content{flex:1;overflow-y:auto}.mapping-product-attributes .parameters-list{display:flex;flex-direction:column;gap:.5rem}.mapping-product-attributes .parameter-item{background:#0003;border-radius:8px;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease}.mapping-product-attributes .parameter-item:hover:not(.mapped){background:#ffffff1a;border-color:#fff3}.mapping-product-attributes .parameter-item.selected{background:#667eea4d;border-color:#667eea80}.mapping-product-attributes .parameter-item.mapped{cursor:default;border-left:3px solid #38ef7d}.mapping-product-attributes .parameter-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.mapping-product-attributes .parameter-name{font-weight:600;font-size:.95rem}.mapping-product-attributes .status-badge{font-size:.7rem;padding:.15rem .4rem;border-radius:4px}.mapping-product-attributes .status-badge.mapped{background:#38ef7d33;color:#38ef7d}.mapping-product-attributes .status-badge.unmapped{background:#6c757d33;color:#adb5bd}.mapping-product-attributes .mapping-info{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.mapping-product-attributes .mapped-to{color:#38ef7d;font-size:.85rem;font-weight:500}.mapping-product-attributes .btn-remove{background:#f443364d;color:#ff8a80;border:1px solid rgba(244,67,54,.5);padding:.25rem .6rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.mapping-product-attributes .btn-remove:hover{background:#f4433680}.mapping-product-attributes .placeholder-text,.mapping-product-attributes .loading-text{opacity:.7;font-style:italic;text-align:center;padding:2rem}.mapping-product-attributes .fields-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#667eea33;border:1px solid rgba(102,126,234,.3);border-radius:8px;margin-bottom:1rem}.mapping-product-attributes .header-title{font-weight:600;font-size:.9rem}.mapping-product-attributes .btn-cancel{background:#6c757d4d;color:#adb5bd;border:1px solid rgba(108,117,125,.5);padding:.3rem .75rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.mapping-product-attributes .btn-cancel:hover{background:#6c757d80}.mapping-product-attributes .fields-list{display:flex;flex-direction:column;gap:.5rem}.mapping-product-attributes .field-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease}.mapping-product-attributes .field-item:hover{background:#38ef7d33;border-color:#38ef7d66}.mapping-product-attributes .field-name{font-weight:600;font-size:.95rem}.mapping-product-attributes .field-type{font-size:.8rem;color:#fff9;background:#ffffff1a;padding:.2rem .5rem;border-radius:4px}.mapping-product-attributes .error-container{text-align:center;padding:3rem}.mapping-product-attributes .error-message{color:#f45c43;margin-bottom:1rem}.mapping-product-attributes .loading{text-align:center;padding:3rem;opacity:.8}.mapping-product-attributes .parameters-panel::-webkit-scrollbar,.mapping-product-attributes .fields-panel::-webkit-scrollbar{width:8px}.mapping-product-attributes .parameters-panel::-webkit-scrollbar-track,.mapping-product-attributes .fields-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.mapping-product-attributes .parameters-panel::-webkit-scrollbar-thumb,.mapping-product-attributes .fields-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.mapping-product-attributes .parameters-panel::-webkit-scrollbar-thumb:hover,.mapping-product-attributes .fields-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed}.navbar{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);color:#fff;padding:1.5rem 3rem;box-shadow:0 8px 32px #1f26875e}.navbar-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.navbar-left{display:flex;flex-direction:column;gap:1rem;flex:1}.navbar h1{margin:0;font-size:1.8rem;font-weight:700;background:linear-gradient(90deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-links{list-style:none;display:flex;gap:1rem;margin:0;padding:0}.user-info{display:flex;align-items:center;gap:1rem;flex-shrink:0}.user-info span{color:#ffffffe6;font-weight:500}.logout-btn{padding:.6rem 1.2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.logout-btn:hover{background:#eb3349cc;border-color:#eb3349;transform:translateY(-2px)}.navbar a{color:#ffffffe6;text-decoration:none;padding:.7rem 1.5rem;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-weight:500}.navbar a:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.main-content{padding:3rem 2rem;max-width:1400px;margin:0 auto;color:#fff}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0000001a}.page-header h2{color:#1a1a2e;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{padding:.9rem 2rem;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0000001a;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:left .5s}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-success{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.btn-danger{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff}.btn-secondary{background:linear-gradient(135deg,#bdc3c7,#95a5a6);color:#fff}.btn-small{padding:.5rem .8rem;font-size:.8rem}.table-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0000001a;overflow-x:auto;border:1px solid rgba(255,255,255,.18)}table{width:100%;border-collapse:collapse}thead{background:linear-gradient(135deg,#667eea1a,#764ba21a)}th{padding:1rem .8rem;text-align:left;font-weight:700;color:#1a1a2e;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}td{padding:1rem .8rem;border-top:1px solid rgba(0,0,0,.05);color:#2d3436;transition:all .3s ease;font-size:.9rem}tbody tr{transition:all .3s cubic-bezier(.4,0,.2,1)}tbody tr:hover{background:linear-gradient(90deg,#667eea0d,#764ba20d);transform:scale(1.01);box-shadow:0 4px 12px #0000000d}.actions{display:flex;gap:.4rem;align-items:center}.actions button{white-space:nowrap;min-width:60px}.loading{text-align:center;padding:4rem 2rem;color:#fff;font-size:1.2rem;font-weight:600}.loading:after{content:"...";animation:dots 1.5s infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}