.app{width:100%}.container{background:#fff;border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d}h1{text-align:center;color:#333;margin-bottom:40px;font-size:32px;font-weight:600}h2{color:#555;margin-bottom:16px;font-size:18px;font-weight:500}.section{margin-bottom:32px}.section:last-of-type{margin-bottom:0}form{display:flex;flex-direction:column;gap:12px}.download-group{display:flex;gap:12px}input{flex:1;padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .2s;-webkit-appearance:none;touch-action:manipulation}input:focus{outline:none;border-color:#667eea}input:disabled{background-color:#f5f5f5;cursor:not-allowed}button{padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s;white-space:nowrap;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}.message{margin-top:24px;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.info-text{padding:12px 16px;background:#f5f7ff;border:1px dashed #667eea;border-radius:8px;color:#444;font-size:14px}.loader-block{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:16px;border:1px solid #e0e0e0;border-radius:12px;background:#fafafa}.loader{width:32px;height:32px;border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{font-size:14px;color:#555}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;min-height:200px}.loading-container .spinner-loader{width:48px;height:48px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-right-color:#667eea}.loading-container p{color:#555;font-size:16px;margin:0}.actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:stretch}.secondary-button{background:#f5f5f5;color:#444;border:1px solid #e0e0e0;box-shadow:none;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.actions button{width:100%}.secondary-button:hover:not(:disabled){box-shadow:0 2px 8px #00000014;transform:translateY(0)}.content-requests-list{display:flex;flex-direction:column;gap:8px}.content-request-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;transition:border-color .2s,box-shadow .2s,background-color .3s;position:relative;overflow:hidden;transform:translateZ(0);will-change:auto}.content-request-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.content-request-info{flex:1;display:flex;flex-direction:column;gap:4px;margin-right:12px;position:relative;z-index:1;min-width:0}.content-request-title{font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.content-request-status-text{font-size:12px;font-weight:400;position:relative;z-index:1}.content-request-status-text.status-0{color:#f59e0b}.content-request-status-text.status-1{color:#eab308}.content-request-status-text.status-2{color:#22c55e;font-weight:500}.content-request-status-text.status-3{color:#ef4444}.content-request-status{font-size:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;position:relative;z-index:1}.status-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.status-icon svg{width:100%;height:100%}.registration-icon{color:#f59e0b}.clock-icon{width:20px;height:20px;position:relative}.clock-face{width:100%;height:100%;border:2px solid currentColor;border-radius:50%;position:relative}.clock-hand{position:absolute;background:currentColor;transform-origin:bottom center;left:50%;bottom:50%}.hour-hand{width:2px;height:6px;margin-left:-1px;animation:hourRotate 8s linear infinite}.minute-hand{width:1.5px;height:8px;margin-left:-.75px;animation:minuteRotate 1s linear infinite}@keyframes hourRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes minuteRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inwork-icon{color:#eab308}.spinner-loader{width:20px;height:20px;position:relative;border:3px solid rgba(234,179,8,.2);border-top-color:currentColor;border-right-color:currentColor;border-radius:50%;animation:spinnerRotate .8s linear infinite}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-icon{color:#22c55e}.success-icon svg{animation:successCheckmark .5s ease-out}@keyframes successCheckmark{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.error-icon{color:#ef4444}.error-icon svg{animation:errorCross .5s ease-out}@keyframes errorCross{0%{transform:scale(0) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}to{transform:scale(1) rotate(180deg)}}.default-icon{color:#6b7280}.content-request-status.clickable{transition:transform .2s,opacity .2s;touch-action:manipulation;-webkit-tap-highlight-color:rgba(102,126,234,.2);min-width:44px;min-height:44px}.content-request-status.clickable:hover{transform:scale(1.2);opacity:.8}.content-request-status.clickable:active{transform:scale(1.1)}@media (max-width: 640px){.content-request-status.clickable{min-width:48px;min-height:48px}}.content-request-item.clickable-card{cursor:pointer;transition:border-color .2s,box-shadow .2s,background-color .2s,transform .2s}.content-request-item.clickable-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;background-color:#f8f9ff;transform:translateY(-2px)}.content-request-item.clickable-card:active{transform:translateY(0);box-shadow:0 2px 8px #667eea26}.content-request-item.processing{border-color:#eab308;background:#fefce8;transform:translateZ(0)}.content-request-item.flash-success.processing,.content-request-item.flash-error.processing{background:#fff}.card-loader{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(234,179,8,.1) 50%,transparent 100%);background-size:200% 100%;animation:cardLoader 2s ease-in-out infinite;pointer-events:none;transform:translateZ(0);will-change:background-position;contain:layout style paint;z-index:0}@keyframes cardLoader{0%{background-position:-200% 0}to{background-position:200% 0}}.content-request-item.flash-success{animation:flashGreen 2s ease-out;background:#fff!important}@keyframes flashGreen{0%{background:#fff;border-color:#e0e0e0}20%{background:#dcfce7;border-color:#4ade80;box-shadow:0 0 20px #4ade8066}40%{background:#bbf7d0;border-color:#22c55e;box-shadow:0 0 30px #22c55e80}60%{background:#dcfce7;border-color:#4ade80;box-shadow:0 0 20px #4ade8066}to{background:#fff;border-color:#e0e0e0;box-shadow:none}}.content-request-item.flash-error{animation:flashRed 2s ease-out;background:#fff!important}@keyframes flashRed{0%{background:#fff;border-color:#e0e0e0}20%{background:#fee2e2;border-color:#f87171;box-shadow:0 0 20px #f8717166}40%{background:#fecaca;border-color:#ef4444;box-shadow:0 0 30px #ef444480}60%{background:#fee2e2;border-color:#f87171;box-shadow:0 0 20px #f8717166}to{background:#fff;border-color:#e0e0e0;box-shadow:none}}.download-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.download-modal{background:#fff;border-radius:16px;padding:32px;min-width:400px;max-width:90%;box-shadow:0 20px 60px #00000080;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.download-modal-header{margin-bottom:24px}.download-modal-header h3{margin:0;color:#333;font-size:20px;font-weight:600}.download-modal-content{display:flex;flex-direction:column;gap:16px}.download-progress-filename{color:#333;font-weight:500;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.download-progress-percent{color:#667eea;font-weight:600;font-size:18px;text-align:center}.download-progress-bar-container{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;position:relative}.download-progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease;position:relative}.download-progress-bar:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes progress-indeterminate{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.download-modal-actions{display:flex;justify-content:center;margin-top:8px}.download-modal-actions button{min-width:120px}@media (max-width: 640px){.container{padding:20px;border-radius:12px}h1{font-size:24px;margin-bottom:24px}h2{font-size:16px;margin-bottom:12px}.section{margin-bottom:24px}.download-group{flex-direction:column}input{font-size:16px;padding:14px 16px}button{width:100%;padding:16px 24px;font-size:16px;min-height:48px}.download-modal{min-width:90%;padding:24px;border-radius:12px}.content-request-item{padding:14px 16px;min-height:48px}.content-request-title{font-size:15px}.content-request-status-text{font-size:13px}.message{padding:14px 16px;font-size:15px}.loader-block{padding:14px 16px}.loader-text{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-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;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#root{width:100%;max-width:600px}*{-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation}input,button,a,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}