.p-document-input{position:relative;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.p-document-input__preview{display:flex;justify-content:center;align-items:center;width:100%;min-height:120px;border:1px solid #d1d5db;border-radius:6px;overflow:hidden;margin-bottom:12px;position:relative;background:linear-gradient(135deg,#1e2330,#151a24 50%,#0f1318);box-shadow:inset 0 0 60px rgba(0,0,0,.4),inset 0 0 120px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.2)}.p-document-input__preview:after,.p-document-input__preview:before{content:"";position:absolute;width:24px;height:24px;border-style:solid;border-color:rgba(59,130,246,.3);pointer-events:none}.p-document-input__preview:before{top:8px;left:8px;border-width:2px 0 0 2px;border-top-left-radius:4px;box-shadow:-1px -1px 12px rgba(59,130,246,.15),inset -1px -1px 8px rgba(59,130,246,.1)}.p-document-input__preview:after{bottom:8px;right:8px;border-width:0 2px 2px 0;border-bottom-right-radius:4px;box-shadow:1px 1px 12px rgba(99,102,241,.15),inset 1px 1px 8px rgba(99,102,241,.1)}.p-document-input__file-display{display:flex;align-items:center;gap:12px;padding:16px;width:100%;z-index:1}.p-document-input__file-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:hsla(0,0%,100%,.1);border-radius:8px;flex-shrink:0}.p-document-input__file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.p-document-input__file-name{font-size:14px;font-weight:500;color:#f9fafb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-document-input__file-type{font-size:11px;font-weight:600;color:#60a5fa;text-transform:uppercase;letter-spacing:.5px}.p-document-input__file-size{font-size:12px;color:#9ca3af}.p-document-input__loading{width:100%;height:100%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.p-document-input__empty-state,.p-document-input__loading{display:flex;align-items:center;justify-content:center;color:#9ca3af}.p-document-input__empty-state{flex-direction:column;padding:20px;z-index:1}.p-document-input__controls{display:flex;flex-direction:column;gap:8px}.p-document-input__input-group{display:flex;flex-direction:column;gap:4px}.p-document-input__label{font-size:12px;color:#6b7280}.p-document-input__input{flex:1;padding:8px 12px;font-size:13px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#1f2937;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:all .2s ease}.p-document-input__input::-moz-placeholder{color:#9ca3af}.p-document-input__input::placeholder{color:#9ca3af}.p-document-input__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.p-document-input__input--error{border-color:#ef4444}.p-document-input__input--error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.p-document-input__error{font-size:12px;color:#ef4444;margin-top:4px}.p-document-input__controls>.c-btn.c-cta{padding:8px 16px!important;background:#3b82f6!important;font-size:13px!important;font-weight:500!important}.p-document-input__controls>.c-btn.c-cta:hover{background:#2563eb!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(width <= 640px){.p-document-input{padding:12px}.p-document-input__preview{min-height:100px}.p-document-input__file-display{flex-direction:column;text-align:center}}@media(prefers-color-scheme:dark){.p-document-input{background:#1f2937;border-color:#374151}.p-document-input__preview{background:linear-gradient(135deg,#2a2f42,#1e2333 50%,#14181f);border-color:#374151;box-shadow:inset 0 0 60px rgba(0,0,0,.5),inset 0 0 120px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.5)}.p-document-input__preview:before{border-color:rgba(129,140,248,.4);box-shadow:-1px -1px 14px rgba(129,140,248,.2),inset -1px -1px 10px rgba(129,140,248,.15)}.p-document-input__preview:after{border-color:rgba(139,92,246,.4);box-shadow:1px 1px 14px rgba(139,92,246,.2),inset 1px 1px 10px rgba(139,92,246,.15)}.p-document-input__empty-state,.p-document-input__loading{color:#6b7280}.p-document-input__label{color:#9ca3af}.p-document-input__input{background:#111827;border-color:#4b5563;color:#f9fafb}.p-document-input__input::-moz-placeholder{color:#6b7280}.p-document-input__input::placeholder{color:#6b7280}.p-document-input__input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.p-document-input__input--error{border-color:#f87171}.p-document-input__input--error:focus{box-shadow:0 0 0 3px hsla(0,91%,71%,.2)}.p-document-input__error{color:#fca5a5}}