.p-date-input{position:relative;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.p-date-input__preview{display:flex;justify-content:center;align-items:center;width:100%;min-height:140px;position:relative;border:1px solid #d1d5db;border-radius:6px;overflow:hidden;margin-bottom:12px;padding:16px;background-color:#f3f4f6;background-image:linear-gradient(#e5e7eb 1px,transparent 0),linear-gradient(90deg,#e5e7eb 1px,transparent 0),linear-gradient(#d1d5db 1px,transparent 0),linear-gradient(90deg,#d1d5db 1px,transparent 0);background-size:20px 20px,20px 20px,100px 100px,100px 100px;background-position:-1px -1px,-1px -1px,-1px -1px,-1px -1px;box-shadow:inset 0 2px 8px rgba(0,0,0,.05),inset 0 0 40px rgba(0,0,0,.02)}.p-date-input__preview:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,hsla(0,0%,100%,.8) 0,rgba(243,244,246,.4) 100%);pointer-events:none}.p-date-input__calendar-icon{margin-bottom:12px;position:relative;z-index:1}.p-date-input__preview-text{font-size:14px;font-weight:600;color:#1f2937;text-align:center;margin-bottom:4px;position:relative;z-index:1}.p-date-input__iso-text{font-size:11px;font-family:Courier New,monospace;color:#6b7280;background:hsla(0,0%,100%,.8);padding:2px 8px;border-radius:4px;border:1px solid #d1d5db;position:relative;z-index:1}.p-date-input__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;position:relative;z-index:1}.p-date-input__controls{display:flex;flex-direction:column;gap:12px}.p-date-input__toggle-group{display:flex;align-items:center;gap:8px}.p-date-input__toggle-label{display:flex;align-items:center;gap:6px;font-size:13px;color:#374151;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.p-date-input__toggle-label:hover{color:#1f2937}.p-date-input__checkbox{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.p-date-input__input-group{display:flex;flex-direction:column;gap:4px}.p-date-input__label{font-size:12px;font-weight:500;color:#374151}.p-date-input__input{width:100%;padding:8px 12px;font-size:13px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#1f2937;transition:all .2s ease}.p-date-input__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.p-date-input__input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.5)}.p-date-input__input::-webkit-calendar-picker-indicator:hover{filter:invert(.3)}.p-date-input__actions{display:flex;gap:8px}.p-date-input__btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.p-date-input__btn--now{background:#3b82f6;color:#fff}.p-date-input__btn--now:hover{background:#2563eb}.p-date-input__btn--now:active{background:#1d4ed8}@media(width <= 640px){.p-date-input{padding:12px}.p-date-input__preview{min-height:120px;padding:12px}}@media(prefers-color-scheme:dark){.p-date-input{background:#1f2937;border-color:#374151}.p-date-input__preview{background-color:#1a1d26;background-image:linear-gradient(#2d3748 1px,transparent 0),linear-gradient(90deg,#2d3748 1px,transparent 0),linear-gradient(#374151 1px,transparent 0),linear-gradient(90deg,#374151 1px,transparent 0);background-size:20px 20px,20px 20px,100px 100px,100px 100px;background-position:-1px -1px,-1px -1px,-1px -1px,-1px -1px;border-color:#374151;box-shadow:inset 0 2px 8px rgba(0,0,0,.3),inset 0 0 40px rgba(0,0,0,.1)}.p-date-input__preview:before{background:radial-gradient(ellipse at center,rgba(45,55,72,.4) 0,rgba(26,29,38,.2) 100%)}.p-date-input__preview-text{color:#f9fafb}.p-date-input__iso-text{color:#9ca3af;background:rgba(17,24,39,.8);border-color:#374151}.p-date-input__empty-state{color:#9ca3af}.p-date-input__toggle-label{color:#f9fafb}.p-date-input__toggle-label:hover{color:#fff}.p-date-input__label{color:#f9fafb}.p-date-input__input{background:#111827;border-color:#4b5563;color:#f9fafb}.p-date-input__input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.p-date-input__input::-webkit-calendar-picker-indicator{filter:invert(1)}.p-date-input__input::-webkit-calendar-picker-indicator:hover{filter:invert(.8)}.p-date-input__btn--now{background:#3b82f6}.p-date-input__btn--now:hover{background:#2563eb}.p-date-input__btn--now:active{background:#1d4ed8}}