body{font-family:Noto Sans JP,Meiryo,メイリオ,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,sans-serif;margin:0;padding:0;background-color:#f4f7fb;color:#333;line-height:1.6;background-image:url(https://img.freepik.com/free-vector/blue-abstract-gradient-wave-vector-background_53876-111548.jpg);background-size:cover;background-position:50%;background-attachment:fixed}#app,#app-container,body{min-height:100vh}#app-container{display:flex;justify-content:center;align-items:flex-start;padding:15px;width:100%;position:relative}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#aaa}@media screen and (max-width:480px){#app-container{padding:0}}.login-section[data-v-ad5556e8]{background-color:#fff;border-radius:12px;box-shadow:0 5px 25px rgba(0,0,0,.1);max-width:400px;width:100%;margin:0 auto;overflow:hidden;transition:transform .3s,box-shadow .3s}.login-section[data-v-ad5556e8]:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.15)}.login-header[data-v-ad5556e8]{background:linear-gradient(135deg,#0056b3,#00a8e8);color:#fff;padding:25px 30px;text-align:center;position:relative;overflow:hidden}.login-header[data-v-ad5556e8]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(90deg,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 77%,hsla(0,0%,100%,.5) 92%,hsla(0,0%,100%,0));transform:rotate(45deg);opacity:.3}.login-header h2[data-v-ad5556e8]{margin:0 0 10px;font-size:1.8rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.1)}.subtitle[data-v-ad5556e8]{margin:0;font-size:.95rem;opacity:.9}.login-form[data-v-ad5556e8]{padding:30px}.form-field[data-v-ad5556e8]{margin-bottom:20px}.form-field label[data-v-ad5556e8]{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:.95rem}.input-container[data-v-ad5556e8]{position:relative}.login-button[data-v-ad5556e8]{width:100%;padding:12px 0;font-size:1.1rem;letter-spacing:1px;background:linear-gradient(135deg,#0056b3,#007bff);border:none;transition:transform .2s,box-shadow .2s}.login-button[data-v-ad5556e8]:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,86,179,.3)}.login-button[data-v-ad5556e8]:active{transform:translateY(0)}.form-submit[data-v-ad5556e8]{margin-top:30px}.login-footer[data-v-ad5556e8]{margin-top:25px;text-align:center}.secure-badge[data-v-ad5556e8]{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background-color:#f8f9fa;border-radius:30px;font-size:.85rem;color:#666}.secure-icon[data-v-ad5556e8]{font-size:1rem;color:#28a745}.mt-3[data-v-ad5556e8]{margin-top:15px}.fade-enter-active[data-v-ad5556e8],.fade-leave-active[data-v-ad5556e8]{transition:opacity .3s,transform .3s}.fade-enter-from[data-v-ad5556e8],.fade-leave-to[data-v-ad5556e8]{opacity:0;transform:translateY(-10px)}@media screen and (max-width:480px){.login-section[data-v-ad5556e8]{width:100%}.login-form[data-v-ad5556e8],.login-header[data-v-ad5556e8]{padding:20px}}.data-display[data-v-243ba723]{width:100%;border-radius:10px;padding:5px}.info-header[data-v-243ba723]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 15px;background-color:#f8f9fa;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.05)}.system-status[data-v-243ba723]{display:flex;align-items:center;gap:10px}.status-indicator[data-v-243ba723]{width:12px;height:12px;border-radius:50%}.status-ok[data-v-243ba723]{background-color:#28a745;box-shadow:0 0 5px #28a745}.status-warning[data-v-243ba723]{background-color:#ffc107;box-shadow:0 0 5px #ffc107}.status-error[data-v-243ba723]{background-color:#dc3545;box-shadow:0 0 5px #dc3545}.status-unknown[data-v-243ba723]{background-color:#6c757d;box-shadow:0 0 5px #6c757d}.status-text[data-v-243ba723]{font-weight:700;font-size:1rem;color:#212529}.timestamp[data-v-243ba723]{font-size:.85rem;color:#6c757d;margin-left:15px}.current-time[data-v-243ba723]{font-size:.9rem;color:#0056b3;font-weight:700}.loading-container[data-v-243ba723]{padding:40px 20px;text-align:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.05);margin-bottom:20px}.loading-animation[data-v-243ba723]{margin:0 auto 20px;width:80px;height:120px}.wind-turbine[data-v-243ba723]{position:relative;height:100%}.tower[data-v-243ba723]{bottom:0;width:6px;height:80px;border-radius:2px}.rotor[data-v-243ba723],.tower[data-v-243ba723]{position:absolute;left:50%;transform:translateX(-50%);background-color:#6c757d}.rotor[data-v-243ba723]{top:0;width:10px;height:10px;border-radius:50%;animation:rotate-243ba723 3s linear infinite}.blade[data-v-243ba723]{position:absolute;top:5px;left:5px;width:4px;height:40px;background-color:#0056b3;transform-origin:0 0;border-radius:2px}.blade-1[data-v-243ba723]{transform:rotate(0deg)}.blade-2[data-v-243ba723]{transform:rotate(120deg)}.blade-3[data-v-243ba723]{transform:rotate(240deg)}@keyframes rotate-243ba723{0%{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(-50%) rotate(1turn)}}.loading-text[data-v-243ba723]{color:#6c757d;font-size:1rem}.data-content[data-v-243ba723]{animation:fadeIn-243ba723 .5s}.data-highlight[data-v-243ba723]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:25px}.highlight-card[data-v-243ba723]{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:10px;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,.05);text-align:center;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.highlight-card[data-v-243ba723]:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.icon-container[data-v-243ba723]{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#e6f7ff,#ccf0ff);display:flex;align-items:center;justify-content:center;margin-bottom:15px}.icon[data-v-243ba723]{font-size:1.8rem}.power-icon[data-v-243ba723]{color:#0056b3}.wind-icon[data-v-243ba723]{color:#00b894}.energy-icon[data-v-243ba723]{color:#fdcb6e}.temp-icon[data-v-243ba723]{color:#e17055}.highlight-value[data-v-243ba723]{font-size:2rem;font-weight:700;color:#212529;margin-bottom:5px}.highlight-label[data-v-243ba723]{font-size:.9rem;color:#6c757d}.data-grid[data-v-243ba723]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.data-card[data-v-243ba723]{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.05);transition:transform .3s,box-shadow .3s}.data-card[data-v-243ba723]:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.1)}.data-card h2[data-v-243ba723]{margin-top:0;margin-bottom:15px;color:#0056b3;font-size:1.2rem;border-bottom:2px solid #0056b3;padding-bottom:8px}.data-item[data-v-243ba723]{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f0}.data-item[data-v-243ba723]:last-child{border-bottom:none}.data-label[data-v-243ba723]{font-weight:500;color:#495057}.data-value[data-v-243ba723]{color:#212529;font-weight:700;font-size:1.1rem}.update-indicator[data-v-243ba723]{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;background-color:#f8f9fa;border-radius:8px;font-size:.9rem;color:#6c757d;margin-top:20px}.update-icon[data-v-243ba723]{font-size:1.1rem;color:#0056b3}.spin[data-v-243ba723]{animation:spin-243ba723 1.5s linear infinite}@keyframes spin-243ba723{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.update-text[data-v-243ba723]{font-size:.9rem}@keyframes fadeIn-243ba723{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.data-grid[data-v-243ba723],.data-highlight[data-v-243ba723]{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:991px){.data-highlight[data-v-243ba723]{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.info-header[data-v-243ba723]{flex-direction:column;align-items:flex-start;gap:10px}.data-item[data-v-243ba723]{flex-direction:column;gap:5px}.data-label[data-v-243ba723]{margin-bottom:5px}.data-value[data-v-243ba723]{text-align:right;width:100%}.highlight-value[data-v-243ba723]{font-size:1.8rem}}.mb-3[data-v-243ba723]{margin-bottom:15px}.debug-info[data-v-243ba723]{display:none}.modern-container[data-v-59569a80]{width:100%;max-width:1200px;margin:0 auto;padding:0;display:flex;flex-direction:column;min-height:100vh;background-color:#fff;box-shadow:0 0 30px rgba(0,0,0,.1);border-radius:12px;overflow:hidden}.header-section[data-v-59569a80]{background:linear-gradient(135deg,#0056b3,#00a8e8);color:#fff;padding:30px 20px;text-align:center;position:relative}.main-title[data-v-59569a80]{margin:0;font-size:2.2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:1px}.subtitle[data-v-59569a80]{margin-top:8px;font-size:1.1rem;opacity:.9}.content-section[data-v-59569a80]{flex:1;padding:20px}.login-section[data-v-59569a80]{display:flex;flex-direction:column;gap:30px}.wind-info[data-v-59569a80]{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.info-image[data-v-59569a80]{flex:1;overflow:hidden;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.hero-image[data-v-59569a80]{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .5s ease}.hero-image[data-v-59569a80]:hover{transform:scale(1.02)}.info-text[data-v-59569a80]{flex:1;padding:15px}.info-text h2[data-v-59569a80]{color:#0056b3;margin-top:0;margin-bottom:15px;font-size:1.6rem}.info-text p[data-v-59569a80]{color:#555;line-height:1.6;margin-bottom:20px}.feature-list[data-v-59569a80]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.feature-item[data-v-59569a80]{display:flex;align-items:center;gap:10px}.feature-icon[data-v-59569a80]{font-size:1.5rem;color:#0056b3}.login-container[data-v-59569a80]{max-width:450px;margin:0 auto}.dashboard-section[data-v-59569a80]{animation:fadeIn .5s ease}.logout-container[data-v-59569a80]{text-align:center;margin-top:25px;padding:10px}.logout-button[data-v-59569a80]{color:#666;font-size:1rem;display:inline-flex;align-items:center;gap:8px;transition:color .3s}.logout-button[data-v-59569a80]:hover{color:#d9534f}.logout-icon[data-v-59569a80]{font-size:1.1rem}.app-footer[data-v-59569a80]{background-color:#f8f9fa;color:#6c757d;text-align:center;padding:15px 20px;font-size:.9rem;border-top:1px solid #eee;margin-top:30px}.fade-enter-active[data-v-59569a80],.fade-leave-active[data-v-59569a80]{transition:opacity .3s ease}.fade-enter-from[data-v-59569a80],.fade-leave-to[data-v-59569a80]{opacity:0}@media (min-width:768px){.wind-info[data-v-59569a80]{flex-direction:row}.info-image[data-v-59569a80]{max-width:50%}}@media screen and (max-width:767px){.modern-container[data-v-59569a80]{border-radius:0}.main-title[data-v-59569a80]{font-size:1.8rem}.feature-list[data-v-59569a80]{grid-template-columns:1fr}}