.page-header[data-v-5df5abb1]{height:80px;background:#e8e8e8;border-bottom:2px solid #CCCCCC;padding:20px;text-align:center;position:relative}.home-button[data-v-5df5abb1]{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:36px;height:36px;background:#fff;border:1px solid #CCCCCC;border-radius:4px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#333}.home-button[data-v-5df5abb1]:hover{background:#f5f5f5;border-color:#999}.home-icon[data-v-5df5abb1]{font-size:20px;line-height:1}.page-title[data-v-5df5abb1]{font-size:24px;font-weight:700;color:#333;margin:0;line-height:40px}.title-link[data-v-5df5abb1]{color:inherit;text-decoration:none}.title-link[data-v-5df5abb1]:hover{text-decoration:underline}.page-subtitle[data-v-5df5abb1]{font-size:14px;color:#666;margin:0}.page-footer[data-v-837dd440]{background:#e8e8e8;border-top:2px solid #CCCCCC;padding:15px;text-align:center;color:#666;font-size:12px}.app[data-v-1f0f3a8e]{min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-1f0f3a8e]{flex:1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#333;background-color:#f5f5f5;line-height:1.6}a{color:#06c;text-decoration:none}a:hover{text-decoration:underline}.btn-primary{background:#06c;color:#fff;padding:10px 20px;border:1px solid #0052A3;border-radius:3px;font-size:14px;cursor:pointer;font-family:Arial,Helvetica,sans-serif}.btn-primary:hover{background:#0052a3}.btn-primary:active{background:#003d7a}.btn-primary:disabled{background:#ccc;color:#666;cursor:not-allowed}.btn-secondary{background:#fff;color:#333;padding:10px 20px;border:1px solid #CCCCCC;border-radius:3px;font-size:14px;cursor:pointer;font-family:Arial,Helvetica,sans-serif}.btn-secondary:hover{background:#f5f5f5}.btn-secondary:active{background:#e8e8e8}.form-group{margin-bottom:15px}.form-label{font-size:14px;font-weight:700;color:#333;display:block;margin-bottom:5px}.form-input,.form-select{padding:8px 12px;border:1px solid #CCCCCC;border-radius:3px;font-size:14px;background:#fff;font-family:Arial,Helvetica,sans-serif}.form-input:focus,.form-select:focus{outline:none;border:1px solid #0066CC}.panel{background:#fff;border:1px solid #CCCCCC;padding:15px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a}.panel-header{background:#e8e8e8;padding:10px 15px;border-bottom:1px solid #CCCCCC;font-weight:700;margin:-15px -15px 15px}.alert-success{background:#e8f5e9;border:1px solid #4CAF50;color:#2e7d32;padding:12px 15px;border-radius:3px;margin-bottom:15px}.alert-error{background:#ffebee;border:1px solid #D32F2F;color:#c62828;padding:12px 15px;border-radius:3px;margin-bottom:15px}.alert-info{background:#e3f2fd;border:1px solid #0066CC;color:#0052a3;padding:12px 15px;border-radius:3px;margin-bottom:15px}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid #E8E8E8;border-top:4px solid #0066CC;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.p-10{padding:10px}.p-20{padding:20px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none}.text-bold{font-weight:700}.text-muted{color:#666}.text-small{font-size:12px}@media (max-width: 768px){.container{padding:10px}}