*{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}#root{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:1400px;width:100%;padding:40px}.header{text-align:center;margin-bottom:40px}.header h1{color:#ff6f0f;font-size:2.5rem;margin-bottom:20px;font-weight:700}.problem-section{background:#f8f9fa;border-radius:12px;padding:30px;margin-bottom:30px}.problem-section h2{color:#333;margin-bottom:20px;font-size:1.5rem}.problem-content{display:flex;gap:30px;align-items:center}.problem-text{flex:1;line-height:1.8;color:#555;font-size:1.1rem}.problem-image{flex:0 0 400px;text-align:center}.problem-image svg{width:100%;height:auto}.input-section{margin-bottom:40px;text-align:center}.input-group{display:inline-flex;gap:10px;align-items:center}.input-group label{font-weight:600;color:#333;font-size:1.1rem}.input-group input{padding:12px 20px;font-size:1rem;border:2px solid #ddd;border-radius:8px;width:200px;transition:all .3s ease}.input-group input:focus{outline:none;border-color:#ff6f0f;box-shadow:0 0 0 3px #ff6f0f1a}.input-group button{padding:12px 30px;font-size:1rem;font-weight:600;color:#fff;background:#ff6f0f;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.input-group button:hover{background:#f50;transform:translateY(-2px);box-shadow:0 5px 15px #ff6f0f4d}.input-group button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.error-message{color:#e74c3c;margin-top:10px;font-size:.9rem}.loading{text-align:center;color:#666;font-size:1.1rem;margin:20px 0}.calendar-container{margin-top:40px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.calendar-header h3{font-size:1.5rem;color:#333}.legend{display:flex;gap:20px;align-items:center}.legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#666}.legend-color{width:20px;height:20px;border-radius:4px;border:1px solid #ddd}.legend-color.seller{background:#ff6f0f}.legend-color.inspector{background:#4ecdc4}.legend-color.buyer{background:#95e1d3}.legend-color.available{background:repeating-linear-gradient(45deg,#ff1744,#ff1744 10px,#ff80ab 10px,#ff80ab 20px)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:20px}.day-column{background:#f8f9fa;border-radius:8px;padding:10px;min-height:600px}.day-column:first-child{padding-left:55px}.day-header{text-align:center;font-weight:600;color:#333;padding:10px;border-bottom:2px solid #e0e0e0;margin-bottom:10px}.day-header .date{font-size:.9rem;color:#666;margin-top:5px}.time-slots{position:relative;height:720px;background:repeating-linear-gradient(to bottom,#fff,#fff 29px,#d0d0d0 29px,#d0d0d0 30px);background-size:100% 30px}.business-hours{position:absolute;top:240px;height:420px;left:0;right:0;background:#ff6f0f0d;border-top:2px dashed rgba(255,111,15,.3);border-bottom:2px dashed rgba(255,111,15,.3);pointer-events:none;z-index:1}.time-labels{position:absolute;left:-50px;top:0;width:45px;height:100%}.time-label{position:absolute;font-size:.8rem;color:#666;text-align:right;width:100%;font-weight:500;transform:translateY(-50%);background:#fff;padding-right:5px}.schedule-item{position:absolute;left:5px;right:5px;border-radius:4px;padding:4px 6px;font-size:.75rem;overflow:visible;color:#fff;font-weight:500;box-shadow:0 2px 4px #0000001a;z-index:10;transition:transform .2s ease,box-shadow .2s ease,z-index .2s ease}.schedule-item:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003;z-index:15}.schedule-tooltip{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);background:#000000f2;color:#fff;padding:10px 14px;border-radius:8px;font-size:.85rem;white-space:nowrap;z-index:1000;min-width:180px;text-align:center;box-shadow:0 6px 16px #0006;animation:fadeIn .2s ease-in;pointer-events:none}.schedule-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:rgba(0,0,0,.9) transparent transparent transparent}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.schedule-item.seller{background:#ff6f0f}.schedule-item.inspector{background:#4ecdc4}.schedule-item.buyer{background:#95e1d3}.schedule-item.available-slot{background:repeating-linear-gradient(45deg,#ff1744,#ff1744 5px,#ff80ab 5px,#ff80ab 10px);color:#fff;font-weight:600;z-index:5;border:2px solid #D50000;box-shadow:0 4px 12px #ff174466;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 4px 12px #ff174466}50%{box-shadow:0 6px 20px #ff174499}}.instruction-box{background:#fff3cd;border:2px solid #FFC107;border-radius:8px;padding:20px;margin:30px 0}.instruction-box h4{color:#856404;margin-bottom:10px}.instruction-box ul{margin-left:20px;color:#856404;line-height:1.8}.instruction-box code{background:#fff;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}@media (max-width: 768px){.problem-content{flex-direction:column}.problem-image{flex:1;max-width:100%}.calendar-grid{grid-template-columns:1fr}.input-group{flex-direction:column;width:100%}.input-group input{width:100%}}