:root{--header-height: 80px;--container-max: 1100px;--accent: #007bff;--muted: #666}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,Segoe UI,sans-serif;background:linear-gradient(180deg,#f8fbff,#f3f8ff);color:#222;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--container-max);margin:0 auto;padding:0 16px}.site-header{background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 10px #0000000f;position:sticky;top:0;height:var(--header-height);z-index:1000;transition:background .25s ease,box-shadow .25s ease}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;max-width:var(--container-max);margin:0 auto}.logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo img{height:calc(var(--header-height) - 18px);width:auto;object-fit:contain;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.08))}.nav-links,nav{display:flex;gap:22px;align-items:center}nav a{color:#333;text-decoration:none;font-weight:500;transition:color .15s ease}nav a:hover,.nav-link.active{color:var(--accent)}.auth-buttons{display:flex;gap:10px;align-items:center}.btn.small{padding:8px 14px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:.9rem;cursor:pointer;text-decoration:none}.btn.small.secondary{background:#eef3fb;color:#222}.btn.small:hover{opacity:.95}.App,.main,.auth-page,.app-download,.partners,.dashboard,.home-page{padding-top:calc(var(--header-height) + 12px)}.hero{text-align:center;padding:64px 20px 48px;background:linear-gradient(135deg,#f7fbff,#e8f3ff)}.hero h1{font-size:2.2rem;color:var(--accent);margin:0 0 10px}.hero p{color:#444;margin:0 0 18px}.hero .btn.primary{background:var(--accent);color:#fff;padding:12px 24px;border-radius:10px}.auth-page{display:block;min-height:calc(100vh - var(--header-height))}.auth-container{max-width:420px;margin:28px auto;background:#fff;padding:22px;border-radius:12px;box-shadow:0 8px 28px #0c0f1e0f;position:relative;z-index:101}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form input,.auth-form textarea,.auth-form select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #d6dbe8;font-size:15px;transition:box-shadow .12s ease,border-color .12s ease;background:#fff}.auth-form input:focus,.auth-form textarea:focus,.auth-form select:focus{outline:none;border-color:var(--accent);box-shadow:0 6px 18px #0b84ff1f}.auth-form .btn.primary{width:100%;padding:12px 14px;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;border:none;cursor:pointer}.error{color:#c00;margin-top:8px;font-weight:600}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;text-decoration:underline;padding:0;font:inherit}.app-download{text-align:center;padding:48px 20px;background:linear-gradient(180deg,#f9fbff,#eef5ff);min-height:calc(80vh - var(--header-height))}.qr-section{margin:18px 0}.qr-section canvas{border-radius:10px;background:#fff;padding:8px;box-shadow:0 6px 18px #0c0f1e0f}.download-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:14px}.download-buttons .btn.large{padding:12px 20px;border-radius:10px;background:var(--accent);color:#fff;text-decoration:none}.partners{padding:28px 16px}.partners .partners-content{display:grid;grid-template-columns:1fr 340px;gap:28px}.partner-form{background:#fff;padding:18px;border-radius:12px;box-shadow:0 8px 20px #0c0f1e0a}.partner-form .form-group{margin-bottom:14px;display:flex;flex-direction:column;gap:8px}.partner-info{background:#fff;padding:18px;border-radius:12px;box-shadow:0 6px 18px #0c0f1e0a}.dashboard{padding:24px 16px}.parcel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.parcel-item{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px;border-radius:8px;background:#fff;box-shadow:0 6px 18px #0c0f1e08}.is-under-header{padding-top:calc(var(--header-height) + 8px)}.footer{background:#f1f6fb;padding:20px 0;text-align:center;color:#555;border-top:1px solid #dde7f3}@media(max-width:900px){:root{--header-height: 72px}.partners .partners-content{grid-template-columns:1fr}.header-inner{padding:0 12px}.logo img{height:calc(var(--header-height) - 20px)}}@media(max-width:600px){:root{--header-height: 64px}.logo img{height:calc(var(--header-height) - 18px)}.container{padding:0 12px}.auth-container{margin:16px;padding:16px}.hero{padding:40px 12px}}.download-btn{display:inline-block;margin-top:1.5rem;padding:14px 28px;background:linear-gradient(135deg,#007bff,#00b4d8);color:#fff;font-weight:600;font-size:1.05rem;border:none;border-radius:14px;box-shadow:0 4px 10px #007bff40;text-decoration:none;transition:all .25s ease}.download-btn:hover{background:linear-gradient(135deg,#0056b3,#0096c7);transform:translateY(-2px);box-shadow:0 6px 14px #007bff59}.download-btn:active{transform:translateY(0);box-shadow:0 2px 6px #007bff40}.hero-download-wrapper{text-align:center;margin-top:-20px;margin-bottom:60px}.hero-download-btn{display:inline-block;padding:14px 34px;background:linear-gradient(135deg,#007bff,#00b4d8);color:#fff;font-weight:600;font-size:1.1rem;border-radius:14px;text-decoration:none;box-shadow:0 4px 14px #007bff40;transition:all .25s ease}.hero-download-btn:hover{background:linear-gradient(135deg,#0056b3,#0096c7);transform:translateY(-2px)}.hero-download-btn:active{transform:translateY(0)}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f8f9fb}.auth-container{background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 15px #0000001a;width:100%;max-width:400px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:12px;margin-top:15px}.auth-form input{padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;transition:border .2s}.auth-form input:focus{border-color:#007bff}.btn.primary{background-color:#007bff;color:#fff;border:none;border-radius:8px;padding:10px 14px;cursor:pointer;font-weight:500;transition:background .2s}.btn.primary:hover{background-color:#0056b3}.btn.secondary{background-color:#e9ecef;color:#333;border:none;border-radius:8px;padding:10px 14px;cursor:pointer;transition:background .2s}.btn.secondary:hover{background-color:#d6d8db}.error-box{background:#ffe2e2;color:#c0392b;padding:10px;margin-top:10px;border-radius:8px;font-size:14px}.switch-auth{margin-top:10px;font-size:14px}.link-btn{background:none;border:none;color:#007bff;cursor:pointer;font-weight:500;text-decoration:underline}.link-btn:hover{color:#0056b3}.unified-dashboard{max-width:1200px;margin:20px auto;padding:0 15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.dashboard-controls{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.dashboard-controls h2{margin:0;font-size:1.8rem}.dashboard-controls .btn{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:.2s}.btn.primary{background-color:#007bff;color:#fff}.btn.primary:hover{background-color:#0069d9;transform:scale(1.02)}.btn.secondary{background-color:#6c757d;color:#fff}.btn.secondary:hover{background-color:#5a6268;transform:scale(1.02)}.summary{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.summary-card{flex:1 1 150px;min-width:120px;padding:12px 16px;background:#f8f9fa;border-radius:8px;box-shadow:0 2px 6px #0000000d;text-align:center;cursor:pointer;transition:.2s;font-weight:500}.summary-card:hover{background-color:#e2e6ea;transform:translateY(-2px)}.summary-card.active{background-color:#007bff;color:#fff;font-weight:600}.parcel-table-wrapper{overflow-x:auto;margin-top:10px}.parcel-table{width:100%;border-collapse:collapse;font-size:.9rem}.parcel-table th,.parcel-table td{border:1px solid #ddd;padding:8px 10px;text-align:center}.parcel-table th{background-color:#f1f1f1;font-weight:600}.parcel-table tr:nth-child(2n){background-color:#fafafa}.parcel-table tr:hover{background-color:#f1f9ff}.payouts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}.payout-card{border:1px solid #ddd;border-radius:10px;padding:18px;background:#fff;box-shadow:0 3px 10px #00000012;transition:transform .2s ease,box-shadow .2s ease}.payout-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.payout-card h3{margin-top:0;margin-bottom:10px;font-size:1.1rem}.payout-card p{margin:4px 0}.payout-card details summary{cursor:pointer;font-weight:500}.payout-card button{flex:1;padding:6px 10px;border-radius:6px;border:none;cursor:pointer;background-color:#007bff;color:#fff;transition:.2s}.payout-card button:hover{background-color:#0069d9;transform:scale(1.03)}@media(max-width:768px){.summary{overflow-x:auto;flex-wrap:nowrap;gap:10px}.summary-card{flex:0 0 auto;min-width:120px}.parcel-table th,.parcel-table td{font-size:.8rem;padding:6px}}.app-clients-page{background:linear-gradient(180deg,#e8f1fb,#f6faff);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:60px}.app-clients-container{text-align:center;background:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:40px 30px;border-radius:16px;box-shadow:0 6px 18px #0000001a;max-width:800px;width:100%;margin:20px}.app-clients-title{color:#004c99;font-size:28px;margin-bottom:10px}.app-clients-subtitle{color:#333;font-size:18px;margin-bottom:30px}.app-partners-page{background:linear-gradient(180deg,#e8f1fb,#f6faff);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:60px}.app-partners-container{text-align:center;background:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:40px 30px;border-radius:16px;box-shadow:0 6px 18px #0000001a;max-width:800px;width:100%;margin:20px}.app-partners-title{color:#004c99;font-size:28px;margin-bottom:10px}.app-partners-subtitle{color:#333;font-size:18px;margin-bottom:30px}.qr-section{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-bottom:30px}.qr-item{background:#f8fbff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.qr-label{margin-top:12px;font-weight:500;color:#004c99}.btn.large{display:inline-block;margin-top:12px;padding:10px 22px;font-size:16px;border-radius:10px;background-color:#007bff;color:#fff;text-decoration:none;transition:opacity .2s ease}.btn.large.secondary{background-color:#e0e0e0;color:#333}.btn.large:hover{opacity:.9}.hint{font-size:14px;color:#555}.hint a{color:#007bff;text-decoration:none}.pvz-register{padding:25px;max-width:700px;margin:0 auto;text-align:center;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mode-switch{display:flex;justify-content:center;gap:15px;margin-bottom:20px}.mode-switch button{padding:10px 20px;border:none;border-radius:8px;background:#f2f2f2;cursor:pointer;transition:background .3s,transform .1s;font-weight:500}.mode-switch button:hover{background:#e5e5e5}.mode-switch button.active{background:#007bff;color:#fff;transform:scale(1.05)}.scanner-box{background:#fafafa;padding:20px;border-radius:12px;box-shadow:0 0 6px #0000001a;margin-bottom:25px}.scanner-box h4{margin-bottom:15px;font-weight:500;color:#333}.manual-entry{background:#fff8e5;padding:20px;border-radius:10px;border:1px solid #ffe08a;margin-top:15px;margin-bottom:25px}.manual-entry h4{margin-bottom:12px;color:#333;font-size:16px}.manual-entry form{display:flex;flex-direction:column;align-items:center;gap:10px}.manual-entry input{width:250px;padding:10px;border:2px solid #ffd55f;border-radius:8px;font-size:16px;text-align:center;outline:none;transition:border-color .2s,box-shadow .2s}.manual-entry input:focus{border-color:#ffc107;box-shadow:0 0 4px #ffc1074d}.manual-entry button{padding:10px 25px;border:none;border-radius:8px;background:#ffc107;color:#333;font-weight:600;cursor:pointer;transition:background .3s,transform .1s}.manual-entry button:hover{background:#ffca2c;transform:scale(1.02)}.client-info{margin-top:20px;background:#f4f8ff;border-radius:10px;padding:15px;border:1px solid #d6e0ff;box-shadow:0 0 5px #0000000d;transition:background-color .3s ease,box-shadow .3s ease}.client-info.success-flash{animation:successFlash 2s ease-out}.client-info.error-flash{animation:errorFlash 2s ease-out}@keyframes successFlash{0%{background-color:#e8fbe8;box-shadow:0 0 6px #48bb7880}to{background-color:#f4f8ff;box-shadow:0 0 5px #0000000d}}@keyframes errorFlash{0%{background-color:#ffecec;box-shadow:0 0 6px #ff323266}to{background-color:#f4f8ff;box-shadow:0 0 5px #0000000d}}.client-info p{margin:8px 0;font-size:16px}.status{font-weight:700;margin-top:8px}.status.paid{color:#28a745}.status.unpaid{color:#dc3545}.qr-code-box{margin-top:15px;padding:15px;display:inline-block;background:#fff;border:2px dashed #007bff;border-radius:12px}.qr-code-box h4{margin-bottom:10px;font-size:16px;color:#007bff}.btn{padding:10px 20px;border-radius:8px;font-size:15px;cursor:pointer;font-weight:500;border:none;transition:transform .1s,background .3s}.btn:hover:not(:disabled){transform:scale(1.02)}.btn.primary{background:#007bff;color:#fff}.btn.primary:hover:not(:disabled){background:#006ae0}.btn.primary:disabled{background:#b6d4fe;cursor:not-allowed}.btn.secondary{background:#e0e0e0}.btn.secondary:hover{background:#d2d2d2;@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes debugSlideUp{0%{opacity:0;transform:translate(-50%) translateY(60px)}to{opacity:1;transform:translate(-50%) translateY(0)}}}.btn.secondary:hover .debug-page{text-align:center;padding:40px}.btn.secondary:hover .debug-buttons{display:flex;justify-content:center;gap:15px;margin-top:20px}.btn.secondary:hover .debug-buttons .btn{padding:10px 20px;font-size:16px}.btn.secondary:hover .hint{margin-top:30px;color:#777}.btn.secondary:hover .partners{padding:60px 0;color:#222}.btn.secondary:hover .partners-header{text-align:center;margin-bottom:50px}.btn.secondary:hover .partners-header h1{font-size:2.2rem;margin-bottom:10px}.btn.secondary:hover .partners-header p{max-width:650px;margin:0 auto;line-height:1.6;color:#555}.btn.secondary:hover .partners-content{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.btn.secondary:hover .partner-form,.btn.secondary:hover .partner-info{flex:1 1 400px;background:#fff;padding:30px;border-radius:16px;box-shadow:0 2px 10px #00000014}.btn.secondary:hover .partner-form h2,.btn.secondary:hover .partner-info h2{font-size:1.4rem;margin-bottom:20px;color:#222}.btn.secondary:hover .form-group{display:flex;flex-direction:column;margin-bottom:20px}.btn.secondary:hover .form-group label{margin-bottom:6px;font-weight:500;color:#333}.btn.secondary:hover .form-group input,.btn.secondary:hover .form-group select,.btn.secondary:hover .form-group textarea{border:1px solid #ccc;border-radius:8px;padding:10px 12px;font-size:.95rem;transition:.2s}.btn.secondary:hover .form-group input:focus,.btn.secondary:hover .form-group select:focus,.btn.secondary:hover .form-group textarea:focus{border-color:#007bff;outline:none}.btn.secondary:hover .form-row{display:flex;gap:15px}.btn.secondary:hover .form-row .form-group{flex:1}.btn.secondary:hover textarea{resize:vertical;min-height:100px}.btn.secondary:hover .btn.primary{background:#007bff;color:#fff;border:none;padding:12px 22px;border-radius:8px;cursor:pointer;transition:.2s}.btn.secondary:hover .btn.primary:hover{background:#0066d1}.btn.secondary:hover .form-status{margin-top:15px;color:#007bff;font-weight:500}.btn.secondary:hover .partner-info ul{list-style:disc;padding-left:20px;color:#444;line-height:1.6}.btn.secondary:hover .partner-info li{margin-bottom:10px}@media(max-width:768px){.btn.secondary:hover .partners-content{flex-direction:column}}.btn.secondary:hover .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.btn.secondary:hover .modal-window{background:#fff;padding:25px 40px;border-radius:12px;box-shadow:0 4px 20px #0003;font-size:1rem;color:#222;text-align:center;animation:popIn .25s ease}.btn.secondary:hover .partner-download-wrapper{text-align:center;margin-top:20px;margin-bottom:40px}.btn.secondary:hover .partner-download-btn{display:inline-block;padding:14px 34px;background:linear-gradient(135deg,#28a745,#2ecc71);color:#fff;font-weight:600;font-size:1.1rem;border-radius:14px;text-decoration:none;box-shadow:0 4px 14px #2ecc7140;transition:all .25s ease}.btn.secondary:hover .partner-download-btn:hover{background:linear-gradient(135deg,#218838,#27ae60);transform:translateY(-2px)}.btn.secondary:hover .partner-download-btn:active{transform:translateY(0)}.btn.secondary:hover .tracking-container{padding:30px;max-width:900px;margin:0 auto}.btn.secondary:hover .tracking-search{display:flex;gap:10px;margin-bottom:20px}.btn.secondary:hover .tracking-search input{flex:1;padding:10px;border-radius:6px;border:1px solid #ccc}.btn.secondary:hover .parcel-info{background:#f9f9f9;padding:20px;border-radius:10px}.btn.secondary:hover .tracking-actions{display:flex;gap:10px;margin-top:15px}.btn.secondary:hover .step-select{padding:8px;border-radius:6px;border:1px solid #aaa}.btn.secondary:hover .parcel-table{width:100%;margin-top:10px;border-collapse:collapse}.btn.secondary:hover .parcel-table th,.btn.secondary:hover .parcel-table td{border:1px solid #ddd;padding:8px;text-align:center}.btn.secondary:hover .site-header{background-color:#e8f1fbe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 8px #0000001a;height:90px;display:flex;align-items:center;position:sticky;top:0;z-index:1000}.btn.secondary:hover .header-inner{display:flex;justify-content:space-between;align-items:center;max-width:1200px;width:100%;margin:0 auto;padding:0 20px;height:100%}.btn.secondary:hover .logo-link{display:flex;align-items:center;height:100%}.btn.secondary:hover .logo-image{height:300px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.btn.secondary:hover .nav-links a{margin:0 15px;color:#004c99;text-decoration:none;font-weight:500;transition:color .2s ease;font-size:1rem}.btn.secondary:hover .nav-links a:hover{color:#007bff}.btn.secondary:hover .auth-buttons{display:flex;gap:10px}.btn.secondary:hover .btn.small{padding:8px 16px;background-color:#007bff;color:#fff;border-radius:8px;border:none;cursor:pointer;text-decoration:none;font-size:14px;transition:all .2s ease}.btn.secondary:hover .btn.small.secondary{background-color:#e0e0e0;color:#333}.btn.secondary:hover .btn.small:hover{opacity:.9;transform:translateY(-1px)}.btn.secondary:hover .debug-panel.fancy{position:fixed;bottom:12px;left:50%;transform:translate(-50%) translateY(40px);background:#141414b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 16px;display:flex;align-items:center;gap:10px;border-radius:14px;z-index:9999;box-shadow:0 4px 14px #0006;animation:debugSlideUp .35s ease forwards}.btn.secondary:hover .dbg-btn{border:none;padding:6px 14px;font-size:13px;border-radius:10px;cursor:pointer;background:#ffffff1f;color:#fff;transition:.2s ease}.btn.secondary:hover .dbg-btn:hover{background:#fff3}.btn.secondary:hover .dbg-btn.active{color:#fff;font-weight:600;transform:scale(1.05)}.btn.secondary:hover .dbg-exit{background:#d32f2f;color:#fff;border:none;padding:6px 10px;font-size:14px;border-radius:10px;cursor:pointer;transition:.2s ease}.btn.secondary:hover .dbg-exit:hover{background:#b71c1c;transform:scale(1.08)}