*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;background:#f5f5f5;color:#333;line-height:1.6}.app{min-height:100vh;padding:20px;display:flex;justify-content:center;align-items:flex-start;background:#f5f5f5;overflow-y:auto}.container{width:100%;max-width:840px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef1f4;padding:0;max-height:calc(100vh - 60px);overflow-y:auto}.header{background:#fff;color:#333;padding:30px 30px 20px;text-align:center;border-bottom:1px solid #f0f0f0}.header h1{font-size:1.5em;margin-bottom:8px;font-weight:600;color:#333}.header p{color:#666;font-size:.9em}.form-section{padding:36px}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:10px;font-weight:600;color:#333;font-size:14px}.required{color:#e74c3c;margin-right:4px}.form-group select,.api-select{width:100%;padding:12px 16px;border:1px solid #dfe3e8;border-radius:6px;font-size:14px;background:#fff;color:#333;transition:border-color .2s ease}.form-group select:focus,.api-select:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.form-group select:disabled,.api-select:disabled{background-color:#f5f5f5;cursor:not-allowed}.description{margin-top:8px;padding:10px;background:#f8f9fa;border-radius:4px;color:#666;font-size:13px;border-left:3px solid #4285f4}.required-params{margin-top:20px;padding:20px;background:#fafbfc;border:1px solid #e1e8ed;border-radius:6px}.params-title{font-size:14px;font-weight:600;color:#333;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #e1e8ed}.param-input{width:100%;padding:10px 12px;border:1px solid #dfe3e8;border-radius:4px;font-size:14px;background:#fff;color:#333;transition:border-color .2s ease}.param-input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.param-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.param-help{margin-top:6px;font-size:12px;color:#666;line-height:1.4}.date-input{cursor:pointer}.date-input::-webkit-calendar-picker-indicator{filter:invert(35%) sepia(11%) saturate(907%) hue-rotate(182deg) brightness(95%) contrast(89%);cursor:pointer}.date-input::placeholder{color:#999}.input-error{border-color:#e74c3c!important;box-shadow:0 0 0 3px #e74c3c1f!important}.pika-single{z-index:2147483647!important;position:absolute!important}.dp-wrapper{position:relative}.dp-panel{position:absolute;z-index:2147483647;background:#fff;border:1px solid #e1e8ed;border-radius:6px;box-shadow:0 8px 24px #0000001f;padding:8px}.dp-header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px}.dp-title{font-weight:600;color:#333}.dp-nav{background:transparent;border:none;padding:4px 8px;cursor:pointer}.dp-week{display:grid;grid-template-columns:repeat(7,32px);gap:4px;padding:6px;color:#666;font-size:12px}.dp-weekday{text-align:center}.dp-grid{display:grid;grid-template-columns:repeat(7,32px);gap:4px;padding:6px}.dp-cell{height:28px;border:none;background:#f8f9fa;border-radius:4px;cursor:pointer;color:#333}.dp-cell:hover{background:#eef3ff}.dp-muted{opacity:.5}.dp-selected{background:#4285f4;color:#fff}.dp-footer{display:flex;justify-content:space-between;padding:6px}.dp-action{background:transparent;border:none;color:#4285f4;cursor:pointer}.date-range-group{display:flex;flex-direction:column;gap:15px}.date-range-group .form-group{margin-bottom:0}@media (min-width: 480px){.date-range-group{flex-direction:row;gap:20px}.date-range-group .form-group{flex:1}.date-range-group .param-help{grid-column:1 / -1;margin-top:10px}}.button-group{display:flex;justify-content:center;padding:0 36px 36px}.btn{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.btn-primary{background:#4285f4;color:#fff}.btn-primary:hover:not(:disabled){background:#3367d6;transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.message{margin:0 30px 20px;padding:12px 16px;border-radius:6px;text-align:center;font-size:14px}.message.error{background:#ffeaea;color:#d32f2f;border:1px solid #ffcdd2}@media (max-width: 768px){.app{padding:10px}.container{max-width:100%}.header{padding:20px 20px 15px}.header h1{font-size:1.3em}.form-section{padding:20px}.button-group{padding:0 20px 20px}}.password-form{max-width:400px;margin:0 auto}.password-input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:6px;font-size:16px;transition:border-color .2s ease;background:#fff}.password-input:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.password-input:disabled{background:#f5f5f5;cursor:not-allowed}.loading{text-align:center;padding:40px 20px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.help-text{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:16px;margin:20px 30px;font-size:14px;color:#6c757d}.help-text p{margin:4px 0}.help-text p:first-child{margin-top:0}.help-text p:last-child{margin-bottom:0}.message.warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}
