@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";body{margin:0;font-family:Inter,-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-color:#f4f7f6;color:#333}.container{max-width:700px;margin:40px auto;padding:20px}header{text-align:center;border-bottom:1px solid #e0e0e0;padding-bottom:20px;margin-bottom:40px}header h1{font-size:2.5rem;color:#2c3e50;margin:0}header p{font-size:1.1rem;color:#7f8c8d}main{display:flex;flex-direction:column;gap:40px}.status-card,.actions-card{background-color:#fff;border-radius:8px;padding:25px;box-shadow:0 4px 12px #0000000d}h2{margin-top:0;color:#2c3e50;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:20px}.status-indicator{font-size:1.2rem;font-weight:700;padding:10px 15px;border-radius:20px;display:inline-block;margin-bottom:20px;transition:all .3s ease}.status-unknown,.status-stopping{color:#7f8c8d;background-color:#ecf0f1}.status-inactive{color:#e74c3c;background-color:#fadbd8}.status-active{color:#27ae60;background-color:#d4efdf}.status-starting{color:#f39c12;background-color:#fef5e7}.status-error{color:#c0392b;background-color:#f5b7b1}.status-details p{margin:10px 0 5px;font-weight:500;color:#555}.status-details a{font-family:monospace;color:#3498db;text-decoration:none;word-break:break-all}.status-details a:hover{text-decoration:underline}.error-message{color:#c0392b;font-weight:500}.button-group{display:flex;gap:15px}.action-button{font-family:Inter,sans-serif;font-weight:500;font-size:1rem;padding:12px 20px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.action-button:disabled{opacity:.5;cursor:not-allowed}.start-button{background-color:#2ecc71;color:#fff}.start-button:hover:not(:disabled){background-color:#27ae60}.stop-button{background-color:#e74c3c;color:#fff}.stop-button:hover:not(:disabled){background-color:#c0392b}.settings-container{background-color:#fff;border-radius:8px;padding:25px;box-shadow:0 4px 12px #0000000d}.settings-container p{color:#7f8c8d;margin-top:-15px;margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;margin-bottom:8px;color:#555}.form-group input{width:100%;padding:12px;border:1px solid #ccc;border-radius:6px;font-size:1rem;box-sizing:border-box}.form-group input[type=password]{font-family:monospace}.form-actions{display:flex;align-items:center;gap:20px;margin-top:30px}.form-actions button{background-color:#3498db;color:#fff}.form-actions .message{font-weight:500}.form-actions .message.success{color:#27ae60}.form-actions .message.error{color:#c0392b}.main-nav{display:flex;gap:10px;justify-content:center;margin-top:20px}.main-nav button{padding:10px 20px;font-size:1rem;font-weight:500;border:1px solid #ddd;background-color:#f4f7f6;border-radius:6px;cursor:pointer;transition:all .2s ease}.main-nav button:hover{background-color:#e0e0e0}.main-nav button.active{background-color:#2c3e50;color:#fff;border-color:#2c3e50}.docin-container{max-width:500px;margin:2rem auto;padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #eee}.docin-form,.form-group{margin-bottom:16px}input[type=file]{display:block}input[type=url]{width:100%}.docin-status{margin-top:16px}.docin-status.error{color:red}.docin-status.success{color:green}.docin-preview{margin-top:16px}